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

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

Redmine přichází s rychlým a snadným administratorním způsobem, jak aplikovat téma, které vyhovuje vaše предпочитания. Неколик výchozích témat je k dispozici, jako je минималистичен, jiná jsou повече живе, a pokud se vám žádná z těchto možností nelíbí, můžete vytvořit властна властна тема Redmine.

Výhodou vlastního tématu je to, že je jediničné a njegov дизайн е přesně takový, jaký chcete (tento benefit není k dispozici u většiny výchozích témat). Máte flexibilitu navrhnout vlastní téma jakýmkoli způsobem, jaký chcete. I když vytvoření vlastního tématu může vyžadovat více úsilí než použití výchozího, výsledky jsou naprosto stojí za to. Потърсете в часовете, за да не се допуснете, както и да създадете собствена тема Redmine.

Създадена нова тема Redmine
Redmine poskytuje základní podporu za témata. Tato témata mohou přidat nekolik vlastních javascriptů и přepsat styly (application.css).
Prvním krokem е vytvořit nový adresář в public/themes. Název adresáře bude použit jako název tématu. Име: public/themes/my_theme.
След това създайте vlastní application.css и го пуснете в подадресни таблици със стилове:
Public/themes/my_theme/stylesheets/application.css
Následující příklad lastního stylesheetu přepíše pouze nekolik nastavení:
/* създаване на избрана таблица със стилове на Redmine */
@import url (../../../ стилове / application.css);
/* добавяне на лого в заглавие */
#header {
    фон: #507AAA url(../images/logo.png) без повторение 2px;
    padding-left: 86px;
}
/* přesunout projektové menu doprava */
#главно меню {
    вляво: автоматично;
    десен: 0px;
}
Вашето изображение е представено в my_theme/images/logo.png.
Můžete si stáhnout toto téma (vzor) jako výchozí bod za vlastní vlastní téma Redmine. Razbalte téma v adresáři public/themes.

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

Добавен фавикону
Поставете своя favicon до adresáře favicon и ще бъдете автоматично насочени към всяка страница, която е избрана. Název souboru faviconu může být cokoli. (Nevíte, favicon е малка икона 16 × 16 pixelů, която се използва за брандиране на вашите уеб страници. Той е главен сайт с помощта на návštěvníkům snadněji najít your stránku, když mají otevřeno několik karet).

Použití vlastního tématu
Крок 1: Запазете нова тема.
Крок 2: Разгледайте темата до ../public/themes/. Следва пътя към application.css като надпис ../public/themes/redminecrm/stylesheets/application.css.
Крок 3: Преминете към секцията Správa -> Nastavení az nabídky "Téma" (rozbalovací nabídka) vyberte téma, které jste právě vytvořili. Poté uložte svá nastavení.
V tomto bodě by měl být Redmine изобразен с вашия администриран tématem.
Ако използвате Redmine < 1.1.0, може да не рестартирате приложението, което е обект на достъпна тема.

Struktura adresáře témat

Téma se skládá z těchto souborů:

  • javascripts/theme.js (toto je vollitelné): управляван JavaScript за темата
  • фавикон / (toto je vollitelné): favicon за Redmine тема
  • stylesheets / application.css (toto je nutné): CSS (каскадни стилови таблици) за тема

To je demonstráno níže:
обществена /
  + - теми /
       +- /
            |
            + - фавикон /
            | +- (напр. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - таблици за стилове /
                 + - application.css

Vytvoření Redmine tématu pomocí výchozího tématu

Можете да създадете Redmine тема, променяща се в CSS събора на избраната тема.

Předpokládejme, že chcete změnit všechno z modrého tématu na crvené. Můžete tak učinit pomocí následujícího CSS.

  1. sh# cd / cesta / k / redmine
  2. sh # mkdir -p public / теми / redtheme / стилове
  3. sh# vi public / themes / redtheme / stylesheets / application.css (кодовото е въведено ниже)
  4. Přejděte na stránku с администраторски наставници и изберете тема 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. крок:

Umístěte soubor s logem do @./ public / themes/ redminecrm / images@


Втора стъпка

Nahraďte soubor logo.png novým souborem s logem o size 43x30

...

#header> h1 {

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

               подложка: 5px 60px; /* Upravte toto, abyste nastavili vlastní logo */

}

Не можете ли да надстроите Redmine? Snadné.

Získejte všechny výkonné nástroje za dokonalé planování, řízení и контрол на проекта в един софтуер.

Изкушете Easy Redmine за 30 дни безплатно

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