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

Предимството на персонализирана тема е, че тя е уникална, а дизайнът й е точно такъв, какъвто искате чето теми по подразбиране). Имате гъвкавостта да проектирате персонализирана тема по всякакъв начин, който желаете. Въпреки че създаването на персонализирана тема може да изисква повече усилия в сравнение с изпонлзването зултатите са напълно стойностни. Прочетете, за да научите как да създадете персонализирана тема на Redmine.

Създаване на нова тема на Redmine

Redmine осигурява основна поддръжка на теми. Тези теми могат да добавят няколко персонализирани javascript и да заменят стиловете (application.css).
Първата стъпка е да създадете нова директория в public/themes. Името на директорията ще се използва като име на темата. Például: nyilvános /themes / my_theme.
След това създайте персонализиран application.css и го запазете в подпапка, наречена stíluslapok:
Nyilvános / témák / my_theme / stíluslapok / application.css
Следният пример е за персонализиран stíluslap, който заменя само няколко настройки:
/* зарежда стандартния Redmine stíluslap */
@import url (../../../ stíluslapok / application.css);
/* добавя лого в хедъра */
#fejléc {
    háttér: # 507AAA URL (../ images / logo.png) nincs ismétlés 2px;
    párnázat-bal: 86 képpont;
}
/* премества менюто на проекта надясно */
#főmenü {
    balra: automatikus;
    jobbra: 0px;
}
Посоченият по-горе пример прави предположението, че имате изображение, което се намира в my_theme / images / logo.png.
Можете да изтеглите тази тема (пример) като начална точка за вашата персонализирана тема на Redmine. Извлечете темата в директорията public/themes.

Добавяне на персонализиран Javascript

Просто включете вашия javascript в javascript /theme.js и той ще се зареди автоматично на всяка страница.

Задаване на Favicon

Вмъкнете вашия favicon в папката favicon, и той ще се зареди автоматично вместо стандартния на всяка страница. Името на favicon файла може да бъде каквото и да е. (Ако не знаете, favicon е малка икона с размер 16×16 пиксела, която служи за маркиране на уебсайта дгепала депане осетителите да намерят страницата ви по-лесно, когато имат отворени няколко табове).

Прилагане на персонализираната тема

• 1. lépés:

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

• 2. lépés:

Разархивирайте темата в ../public/themes/. Резултатът от това ще бъде път до application.css, като например

../public/themes/redminecrm/styleheets/application.css

• 3. lépés:

Отидете в Администрация -> Настройки и от списъка "Тема" (падащо меню) изберете темата, която стада слнозне слъ. След това запазете настройките си.
В този момент Redmine трябва да се показва с вашата персонализирана тема.

Ако използвате Redmine < 1.1.0, може да е необходимо да рестартирате приложението, за да се появи в списъ.

Структура на директорията на темите

Темата включва тези файлове:

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

Това е демонстрирано по-долу:
nyilvános/
  + - témák /
       +- <име на тема>/
            |
            + - favicon /
            | +- (например favicon.ico, favicon.png)
            |
            + - javascriptek /
            | + - theme.js
            |
            + - stíluslapok /
                 + - application.css

Създаване на тема на Redmine, като се използва темата по подразбиране

Можете също да създадете тема на Redmine, като промените цветовете в CSS файла на темата по подразбиране.

Кажете, че искате да промените всичко от синя тема на червена. Можете да го направите с CSS-а по-долу.

1. sh # cd / elérési út / a / redmine-hez
2. sh # mkdir -p public / témák / redtheme / stíluslapok
3. sh# vi public / themes / redtheme / stylesheets / application.css (кодирането е показано по-долу)
4. Отидете на административните настройки и изберете redtheme

/* зарежда стилния лист на Redmine по подразбиране */

@import url (../../../ stíluslapok / application.css);

# felső menü {háttér: RGB (128,0,0);}

#header {háttér szín: RGB (192,0,0);}

# Projects-index ul.projects div.root a.project {szín: RGB (128,0,0); }

h1, h2, h3, h4 tartalom {szín: RGB (128,0,0);}

#main {szín: RGB (128,0,0); }

a, a: link, a: meglátogatott {szín: RGB (128,0,0); }

a: lebeg, a: aktív {szín: RGB (128,0,0); }

Как да промените логото на темата?

1^vi стъпка:

Поставете файл с логото в @./ public / themes / redminecrm / images@

2^ri Стъпка

Заменете файлът logo.png с новия файл на логото с размер 43x30

...

#header> h1 {

               háttér: url (../ images / logo.png) nincs ismétlés 10x 20%;

               padding: 5px 60px; /* Променете това, за да зададете своето лого */

}