Докато създавате персонализирана тема на Redmine.

6/3/2020
6 минути
Лукаш Беня -> Лукаш Беня

Redmine vine cu o modalitate rapidă șișoară de administrare pentru a aplica un temă care să se potrivească preferințelor tale. Câteva dintre temele implicit disponibile има минималистичен, altele sunt mai жив, iar dacă niciuna dintre aceste opțiuni nu îți place, poți crea собственост на темата за персонализиране на Redmine.

Avantajul unui temă personalizată este că aceasta este unică, iar designul său este exact cum doriți (acest beneficiu nu este disponibil în majoritatea temelor implicite). Aveți flexibilitatea de a proiecta o temă personalizată în orice fel doriți. Deși crearea unei teme personalize poate necesita mai mult efort decât utilizarea uneia implicite, resultle merită cu totul. Продължете с гражданите, за да ги изтеглите, докато създадете персонализираната тема на Redmine. Създаване на нова тема Redmine Redmine предлага поддръжка на основни теми. Тази тема може да добави javascript персонализиране и надписване на фолиото на стила (application.css). Primul pas este de a crea un director nou în public/themes. Numele directorului va fi utilizat ca numele temei. Пример: public/themes/my_theme. Apoi, създайте application.css персонализирайте и създайте-l într-un subfolder numit stylesheets: Public/themes/my_theme/stylesheets/application.css Următorul exemplu este un stylesheet personalization care suprascrie do câteva setări: /* încarcă stylesheet-ul implicit Redmine * / @import url(../../../stylesheets/application.css); /* добавяне на лого към обекта */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-left: 86px; } /* промените в менюто на проекта за изтриване */ #main-menu { left: auto; дясно: 0px; } Exemplul menționat presupune că aveți o imagine care se află în my_theme/images/logo.png. Пуснете изтегляне на тази тема (пример) за точка на порнира за собствената персонализирана тема на Redmine. Extrageți tema în directorul public/themes. Adăugarea Javascript персонализиран Необходимо е да включите javascript-ul dvs. В javascript/theme.js можете да изтеглите автоматично страницата за търсене. Setarea Favicon Introduceți favicon-ul în folderul favicon și acesta va fi încărcat automat în locul celui implicit pe fiecare pagină. Numele fișierului favicon poate fi orice. (In cazul în care nu știți, un favicon este un mic icon de 16x16 pixeli care servește scopului de branding al site-ului dvs. Scopul său principal este de a ajuta visitatori să găsească mai ușor dvs страница. atunci când au mai multe file des длето ). Приложение за персонализиране на темите Pasul 1: Изтеглете новата тема. Параграф 2: Дезархирайте темата в ../public/themes/. Резултатът се получава, когато файлът е директор на приложението application.css, докато файлът е ../public/themes/redminecrm/stylesheets/application.css. Пазул 3: Администраторски достъп -> Задайте в списъка „Тема“ (списък с деруланти), изберете тема, за да сте създадени скоро. După aceasta, salvați setările. В този момент Redmine трябва да добавите следната тема и да персонализирате темата. Ако използвате Redmine < 1.1.0, е възможно да се нуждаете от приложения за репортажи в областта в списъка с налични теми.

Structura de directoare a temelor

Този формат на темата в този файл:

  • javascripts/theme.js (по избор): JavaScript персонализиран за тема
  • фавикон / (по избор): favicon за тема Redmine
  • stylesheets / application.css (необходимо): CSS (Cascading Style Sheets) за тема

Acest lucru este demonstrate mai jos:
обществена /
  + - теми /
       +- /
            |
            + - фавикон /
            | +- (пример, favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - таблици за стилове /
                 + - application.css

Като създадох темата Redmine, следната тема се подразбира

Създайте, задайте или заредете темата Redmine и изберете CSS файл в имплицитна тема.

Să spunem că doriți să schimbați totul de la o temă albastră la una roșie. Поставете лицето на acest lucru cu CSS-ul de mai jos.

  1. sh # cd / път / към / redmine
  2. sh # mkdir -p public / теми / redtheme / стилове
  3. sh# vi public / themes / redtheme / stylesheets / application.css (кодът е представен най-вече)
  4. Accesați setările de administrare и selectați redtheme

/* încărcați foaia de stil implicită Redmine */

@import url (../../../ стилове / application.css);

# топ меню {фон: RGB (128,0,0);}

#header {фон-цвят: RGB (192,0,0);}

# проекти-индекс ul.projects div.root a.project {цвят: RGB (128,0,0); }

съдържание h1, h2, h3, h4 {цвят: RGB (128,0,0);}

#main {color: RGB (128,0,0); }

a, a: връзка, a: посетен {цвят: RGB (128,0,0); }

a: hover, a: active {color: RGB (128,0,0); }


Как да използвате лого-ul temei?


Първа стъпка:

Фигурирайте логото в @./ public / themes/ redminecrm / images@


Втората стъпка

Înlocuiți fișierul logo.png с нов файл на логото с размери 43x30

...

#header> h1 {

               фон: url (../ images / logo.png) без повторение 10px 20%;

               подложка: 5px 60px; /* Модифицирайте това място, за да създадете собствено лого */

}

Окончателно актуализиране на Redmine? Ușoară.

Получете всички инструменти за управление на планирането, управлението и перфектния контрол на софтуера за въвеждане на софтуер на проектант.

Изтеглете Easy Redmine за 30 дни безплатно изтегляне

Функциите са завършени, защитават SSL, резервни копия, архивиране, dvs геолокализация.