Bagaimana cara membuat Tema Redmine Kustom

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

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

Redmine осигурява основна подкрепа за темите. Тези теми могат да добавят няколко персонализирани javascript и да заменят таблиците със стилове (application.css).
Първата стъпка е да създадете нова директория в публични / теми. Името на директорията ще се използва като име на темата. Например: public / themes / my_theme.
След това създайте потребителско application.css и запазете това в подпапка, наречена таблици със стилове:
Обществено / теми / my_theme / стилове / application.css
Следва пример за персонализиран стил, който отменя само няколко настройки:
/ * заредете стандартната таблица за стилове Redmine * /
@import url (../../../ стилове / application.css);
/ * добавете лого в заглавката * /
#header {
    фон: # 507AAA url (../ images / logo.png) без повторение 2px;
    padding-left: 86px;
}
/ * преместете менюто на проекта вдясно * /
#главно меню {
    вляво: автоматично;
    десен: 0px;
}
Гореспоменатият пример прави предположението, че имате изображение, което се намира на my_theme / images / logo.png.
Можете да изтеглите тази тема (пример) като начална точка за вашата собствена тема Redmine. Извлечете темата в публичната директория / теми.

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

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

Настройка на Favicon

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

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

• Стъпка 1:

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

• Стъпка :

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

../public/themes/redminecrm/stylesheets/application.css

• Стъпка :

Преминете към Администриране -> Настройки и от списъка „Тема“ (падащ списък) изберете темата, която сте създали наскоро. След това запазете настройките си.
На този етап Redmine вече трябва да се показва с помощта на вашата персонализирана тема.

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

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

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

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

Това е показано по-долу:
обществена /
  + - теми /
       + - /
            |
            + - фавикон /
            | + - (напр. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - таблици за стилове /
                 + - application.css

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

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

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

1. sh # cd / път / към / redmine
2. sh # mkdir -p public / теми / redtheme / стилове
3. sh # vi public / themes / redtheme / stylesheets / application.css (кодирането е показано по-долу)
4. Преминете към настройките на администратора и след това изберете червено

/ * заредете стандартната таблица за стилове 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); }

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

1^st Стъпка:

Поставете лого файл в @. / Public / теми / redminecrm / images @

2^nd Стъпка

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

...

#header> h1 {

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

               подплънки: 5px 60px; / * Променете това, за да зададете собствено лого * /

}