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

6/3/2020
6 λεπτά
Λούκας Μπενία.

Το Redmine μπορεί να είναι γρήγορο και να διατηρηθεί το διαχειριστικό ιντερφέϊσ, το οποίο μπορεί να σταματήσει το θέμα, ή να το κάνετε αυτό. Декілька со доступних типових тем є минімалістичними, ίνσι πολύ ζουνι, а якщо жодна з цих опцій не підходить вам, μπορεις να στριμωθεις власну тему Redmine.

Перевагою власної θέματα є те, що вона є унікальною, а її σχεδίασε ακριβώς такий, як ви його хочете (цієї перевагиє в більшості тем за мъвчуванням). Μπορείς να σχεδιάσεις власну тему будь-яким способом, який вам подобається. Чоча створня власноїрен θέµατα µπορεί να απεικονίσει більше зусиль, nіж να χρησιµοποιήσετε τα θέµατα για мoвчуванням, результати повністю того διαμέρισμα. Διαβάστε περισσότερα, διαβάστε το Redmine.

Створення нової θέματα Redmine
Redmine надає фундаментальну підтримку для тем. Τα θέματα μπορούν να προστεθούν кілька χρησιμοποιήσεις javascript και περεφάνιση πινακίδας στυλів (application.css).
Першим кроком є ​​створення нового каталог σε δημόσια/θέματα. Ονομάστε τον κατάλογο για να χρησιμοποιήσετε τα θέματα. Για παράδειγμα: public/themes/my_theme.
Ναι δημιούργησε τη χρήση του application.css και να περιγράψει το όνομα στα φύλλα στυλ: Public/themes/my_theme/stylesheets/application.css
Наведений нижче приклад χρησιμοποίηση
/* завантажити таблицю стилів Redmine за замовчуванням */
@import url (../../../ stylesheets / application.css);
/* додати логотип в заголовок */
# επικεφαλής {
    φόντο: #507AAA url(../images/logo.png) χωρίς επανάληψη 2px;
    πληκτρολόγηση αριστερά: 86px;
}
/* παραδώστε το μενού του έργου */
#κυρίως μενού {
    αριστερά: auto;
    δεξιά: 0px;
}
У наведеному прикладі припускається, що у вас є зображення, яке знаходиться στο my_theme/images/logo.png.
Μπορείτε να κατεβάσετε το цю тему (зразок) як початкову точку для своєї власної χρήση вацької θέματα Redmine. Розпакуйте тему в каталозі δημόσια/θέματα.


Javascript
Για να συνδέσετε το javascript στο javascript/theme.js, και θα πρέπει αυτόματα να κάνετε λήψη σε μια ιστορία.

Встановлення 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 ( Cascading Style Sheets) για θέματα

Це продемонстровано нижче:
δημόσιο/
  + - θέματα /
       +- <ім'я θέματα>/
            |
            + - favicon /
            | +- (για παράδειγμα, favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - φύλλα στυλ /
                 + - application.css


Створення θέματα Redmine за допомогою теми за замовчуванням

Μπορείτε να δημιουργήσετε το Redmine, να δημιουργήσετε χρώματα στα αρχεία CSS για τα θέματα για να αποθηκεύσετε.

Скажімо, ви хочете мінити місный со единьої тети на червону. Μπορείτε να το κάνετε για πρόσθετο CSS нижче.

  1. sh # cd / path / to / redmine
  2. sh # mkdir -p public / θέματα / redtheme / stylesheets
  3. sh# vi public / themes / redtheme / stylesheets / application.css (кодування показано нижче)
  4. Παρακολουθήστε τον διαχειριστή, ένα υποθετικό redtheme

/* завантажити στυλі за замовчуванням Redmine */

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

# top-menu {φόντο: RGB (128,0,0);}

#header {φόντο-χρώμα: RGB (192,0,0);}

# έργα-δείκτης ul.projects div.root a.project {color: RGB (128,0,0); }

περιεχόμενο h1, h2, h3, h4 {color: RGB (128,0,0);}

# κύριο {χρώμα: RGB (128,0,0); }

a, a: link, a: επισκέφθηκε {color: RGB (128,0,0); }

a: hover, a: ενεργό {color: RGB (128,0,0); }


Πώς να γράψετε τα θέματα;


1-ου κροκ:

Δημοσιεύστε το αρχείο λογότυπου στο @./ public / themes/ redminecrm / images@

2s ένα βήμα

Замініть αρχείο logo.png на νέο αρχείο λογότυπο розміром 43x30

...

#header> h1 {

               φόντο: url (../ images / logo.png) χωρίς επανάληψη 10px 20%;

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

}

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

Διαχειριστείτε όλα τα εργαλεία για τον ιδανικό σχεδιασμό, τη διαχείριση και τον έλεγχο του έργου σε ένα μόνο πρόγραμμα για την ασφάλεια.

Αγοράστε το Easy Redmine σε δωρεάν έκδοση 30 ημερών

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