Как да създадете собствена тема за Redmine.

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

Redmine има бърз и прост административен интерфейс, за да можете да използвате темата, която отговаря на вашите настройки. Декилка з достъпни типови тем є минималистични, други повече живими, а ако никоя от тези опции не ви отговаря, можете да създадете собствена тема Redmine.

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

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


Добавяне на използващ Javascript
Просто включете своя javascript в javascript/theme.js и той ще се изтегли автоматично на всяка страница.

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

Използване на ползвателна тема
Крок 1: Първоначално изтеглете новата тема.
Крок 2: Разпакуйте темата в ../public/themes/. Резултатът ще бъде този път към application.css, например: ../public/themes/redminecrm/stylesheets/application.css
Крок 3: Преминете към Администриране -> Настройки и от списъка "Тема" (изключващ списък) изберете темата, която сте създали. След това съхранете вашите настройки.
На този етап Redmine трябва да се показва с използването на вашите потребителски теми.
Ако използвате Redmine < 1.1.0, можете да знаете, че презапускате програмата, за да се появи в списъка с налични теми.

Структура на каталога тем

Темата се състои от следните файлове:

  • javascripts/theme.js (це необов'язково): настроен JavaScript за теми
  • фавикон / (це необов'язково): 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. Отидете до настройките на администратора, а след това изберете redtheme

/* изтегляне на стилове за заговорване 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съвпадащи крок:

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

2ите стъпка

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

...

#header> h1 {

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

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

}

Оновление Redmine на по-високо ниво? Легко.

Разгледайте всички мощни инструменти за идеално планиране, управление и контрол на проекти в някоя от осигурените програми.

Изпробвайте Easy Redmine в 30-денна безплатна пробна версия

Пълнофункционален, защитен SSL, ежедневно резервно копиране, във вашите геолокации