Як створити власну тему для Redmine.

6/3/2020
6 minut
Лукаш Беньа.

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

Перевагою власної теми є те, що вона є унікальною, а її дизайн тохчно такий, цочоятакий єї переваги немає в більшості тем за замовчуванням). Ви маєте можливість проектувати власну тему будь-яким способом, яакий вадом посдя. Хоча створення власної теми може вимагати більше зусиль, ніж використанниозаманмия туния результати повністю того варті. Прочитайте далі, щоб дізнатися, як створити власну тему Redmine.

Створення nové články Redmine
Redmine надає фундаментальну підтримку для тем. Ці теми можуть додавати кілька користувацьких javascript і перевизначати табcssлицівстаблицівстицівстицівстицівстицівстувацьких javascript і перевизначати.
Першим кроком є ​​створення нового каталогу в public/themes. Назва каталогу буде використовуватися як назва теми. Наприклад: public/themes/my_theme.
Далі створіть користувацький application.css та збережіть його в підкаталозі з назвою the stylesheet/messheet/aplikace stylesheet/sstyle
Наведений нижче приклад користувацької таблиці стилів перевизначає лише девека
/* завантажити таблицю стилів Redmine за замовчуванням */
@import url (../../../ styly / application.css);
/* додати логотип в заголовок */
#záhlaví {
    pozadí: #507AAA url(../images/logo.png) no-repeat 2px;
    padding-left: 86px;
}
/* перемістити меню проекту вправо */
#hlavní menu {
    vlevo: auto;
    doprava: 0px;
}
У наведеному прикладі припускається, що у вас є зображення, яке знаходить знаходиться.
Ви можете завантажити цю тему (зразок) як початкову точку для своєї власниої власниоїтуко Розпакуйте тему каталозі public/themes.


Додавання користувацького Javascript
Просто включіть свій javascript v javascript/theme.js, і він буде автоматично завантажуватисрія нанокок

Встановлення Favicon
Вставте свій favicon у каталог favicon, і він буде автоматично завантажуватися на косторой го, що за замовчуванням. Назва файлу favicon може бути будь-якою. (Якщо ви не знаєте, favicon - це маленька іконка 16×16 пікселів, яка служить для бренана для бренанка йту. коли вони мають відкрито кілька вкладок).

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

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

Тема складається з наступних файлів:

  • javascripts/theme.js (není to nové): nový JavaScript pro články
  • favicon / (ještě необов'язково): favicon для теми Redmine
  • styly / application.css (není dostupné): CSS (Cascading Style Sheets) для теми

Další nové číslo:
veřejnost/
  + - témata /
       +- <ім'я теми>/
            |
            + - favicon /
            | +- (наприклад, favicon.ico, favicon.png)
            |
            + - javascripty /
            | + - theme.js
            |
            + - styly /
                 + - application.css


Створення теми Redmine за допомогою теми за замовчуванням

Zde najdete články pro Redmine, prohlédněte si články v CSS-файлі теми за замовямуван.

Скажімо, ви хочете змінити все з синьої теми на червону. Ви можете зробити це за допомогою CSS нижче.

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

/* завантажити стилі за замовчуванням Redmine */

@import url (../../../ styly / application.css);

# top-menu {background: RGB (128,0,0);}

#header {background-color: RGB (192,0,0);}

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

obsah h1, h2, h3, h4 {barva: RGB (128,0,0);}

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

a, a: link, a: navštíveno {color: RGB (128,0,0); }

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


Як змінити логотип теми?


1tis крок:

Помістіть файл логотипу v @./ public / themes/ redminecrm / images@

2yi krok

Замініть файл logo.png на новий файл логотипу розміром 43x30

...

#header> h1 {

               pozadí: url (../ images / logo.png) neopakovat 10px 20%;

               odsazení: 5px 60px; /* Змініть це, щоб встановити свій власний логотип */

}

Оновлення Redmine на вищий рівень? Легко.

Отримайте всі потужні інструменти для ідеального планування, управліннотронка тонка ому програмному забезпеченні.

Спробуйте Easy Redmine у ​​30-денній безкоштовній пробній версії

Повнофункціональний, захищений SSL, щоденне резервне копіювання, у вашій гео