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

6/3/2020
דקות 6
Лукаш Беньа.

Redmine יכול להפעיל את האינטרס האדמיניסטרטיבי. Декілька з доступних типових тем є מינימליסטיות, інші більш живими, а якщо жодна з цих опцій не підходить вам, ви можете створити власну тему Redmine.

Перевагою власної теми є те, що вона є унікальною, а її дизайн точно такий, як вийогох хегохх ( є в більшості тем за замовчуванням). אני יכול להסתכל על העסקה. Хоча сорення ласнדיר вартז. התקן את זה, תוכל להדפיס, או להגדיר את התוכנה Redmine.

Створення нової теми Redmine
Redmine надає фундаментальну підтримку для тем. אם אתה משתמש ב-Javascript, תוכל להשתמש ב-Javascript או ב-Tabelli (application.css).
Першим кроком є ​​створення нового каталогу בציבור/ערכות נושא. Назва каталогу буде використовуватися як назва теми. דוגמה: public/themes/my_theme.
התקן את הקובץ application.css כדי לשחרר את התמונות של גיליונות הסגנונות: Public/themes/my_theme/stylesheets/application.cs
Наведений нижче приклад користувацької таблиці стилів перевизначає лише декілька налаштувань:
/* завантажити таблицю стилів Redmine за замовчуванням */
@ ייבוא ​​url (../../../ סגנונות / יישום.css);
/* додати логотип в заголовок */
#header {
    רקע: #507AAA url(../images/logo.png) no-repeat 2px;
    ריפוד שמאל: 86 פיקסלים;
}
/* ביצוע פעולות אופטימליות */
#תפריט ראשי {
    משמאל: אוטומטי;
    משמאל: 0px;
}
У наведеному прикладі припускається, що у вас є зображення, яке знаходиться в my_theme/images/logo.png.
Ви можете завантажити цю тему (зразок) як початкову точку для своєї власної користувацької Redmine. Розпакуйте тему в каталозі ציבורי/ערכות נושא.


Додавання користувацького Javascript
התקן את ה-javascript ב-javascript/theme.js, ובין אם יש לך גישה אוטומטית למערכת.

Встановлення Favicon
התקן את ה-favicon ואת ה-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 / (це необов'язково): favicon для теми Redmine
  • גיליונות סגנונות / application.css (נוסף): CSS (גליונות סגנונות מדורגים) עבור теми

Це продемонстровано нижче:
ציבורי /
  + - ערכות נושא /
       +- <ім'я теми>/
            |
            + - favicon /
            | +- (наприклад, favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - גיליונות סגנונות /
                 + - יישום. css


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

אם אתה יכול להפעיל את התוכנה Redmine, תוכל להשתמש ב-CSS-файлі теми замовчуванням.

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

  1. sh # cd / path / to / redmine
  2. sh # mkdir -p ציבורי / נושאים / redtheme / גיליונות סגנונות
  3. sh# vi public / themes / redtheme / stylesheets / application.css (кодування показано нижче)
  4. Перейдіть до налаштувань адміністратора, а потім виберіть redtheme

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

@ ייבוא ​​url (../../../ סגנונות / יישום.css);

# התפריט העליון {רקע: RGB (128,0,0);}

#header {צבע רקע: RGB (192,0,0);}

# פרויקטים-אינדקס ul.projects div.root a.project {color: RGB (128,0,0); }

תוכן h1, h2, h3, h4 {צבע: RGB (128,0,0);}

#main {צבע: RGB (128,0,0); }

א, קישור: א, ביקרו {color: RGB (128,0,0); }

א: רחף, א: פעיל {צבע: RGB (128,0,0); }


איך מזמינים אותך?


1 крок:

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

2i צעד

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

...

#header> h1 {

               רקע: url (../ images / logo.png) ללא חזרה 10px 20%;

               ריפוד: 5px 60px; /* Змініть це, щоб встановити свій власний логотип */

}

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

התקן את האמצעים לתקשורת אידאלית.

הצג את Easy Redmine עבור 30 דקות חינם

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