Jak vytvořit vlastní temat pro Redmine.
Redmine přichází s rychlým a snadným administrativním způsobem, jak aplikovat téma, které vyhovuje vašim preferencje. Několik výchozích temat je k dispozici, jako je minimalistyczny, jiná jsou více živé, a pokud se vám žádná z těchto možností nelíbí, můžete vytvořit vlastní vlastní temat Redmine.
Vytvoření nowy motyw Redmine
Redmine poskytuje základní podporu pro témata. Tato Témata mohou přidat několik vlastních javascriptů a přepsat styly (application.css).
Prvním krokem je vytvořit nový adresář v public/themes. Název adresáře bude použit jako název tématu. Napis: public/themes/my_theme.
Dále vytvořte vlastní application.css a uložte jej do podadresáře arkuszy stylów:
Public/themes/my_theme/stylesheets/application.css
Následující příklad vlastního stylesheetu přepíše pouze několik nastavení:
/* načíst výchozí Arkusz stylów Redmine */
@import url (../../../ stylesheets / application.css);
/* přidat logo v záhlaví */
#nagłówek {
tło: #507AAA url(../images/logo.png) bez powtórzeń 2px;
dopełnienie lewe: 86px;
}
/* přesunout projektové menu doprava */
#menu główne {
po lewej: auto;
po prawej: 0px;
}
Výše uvedený příklad předpokládá, že máte obrázek, který se nachází w my_theme/images/logo.png.
Můžete si stáhnout toto téma (vzor) jako výchozí bod pro vlastní vlastní téma Redmine. Rozbalte téma v adresáři public/themes.
Přidání vlastního javascriptu
Stačí vložit váš javascript do javascript/theme.js a bude se automaticky načítat na každé stránce.
Zapisz ulubione
Vložte svůj favicon do adresáře favicon a bude se Automaticky načítat na každé stránce místo výchozího. Název souboru faviconu může být cokoli. (Pokud nevíte, favicon je malá ikona 16×16 pixelů, která slouží k brandingování vašich webových stránek. Jeho hlavním účelem je pomoci návštěvníkům snadněji najít vaši stránku, když mají otevřeno několik karet ).
Použití vlastního tématu
Krok 1: Stáhněte si nové téma.
Krok 2: Rozbalte temat do ../public/themes/. Výsledkem bude k application.css jako například ../public/themes/redminecrm/stylesheets/application.css.
Krok 3: Přejděte do sekce 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ě autorstwa měl být Redmine zobrazen s vaším upraveným tématem.
Pokud používáte Redmine < 1.1.0, může být nutné restartovat aplikaci, aby se objevila v nabídce dostupných témat.
Struktura adresáře témat
Téma se skládá z těchto souborů:
- javascripts/theme.js (wszystko jest gotowe): upravený JavaScript dla tematu
- ikona ulubionych / (toto je volitelné): favicon pro Redmine tema
- arkusze stylów / application.css (całkowicie): CSS (kaskadowe arkusze stylów) dla tematu
To je demonstrováno níže:
publiczny/
+ - motywy /
+- /
|
+ - favicon /
| +- (např. favicon.ico, favicon.png)
|
+ - javascripts /
| + - theme.js
|
+ - arkusze stylów /
+ - application.css
Vytvoření Redmine tématu pomocí výchozího tématu
Můžete také vytvořit Redmine temat změnou barev w CSS souboru výchozího tématu.
Předpokládejme, že chcete změnit všechno z modrého tématu na červené. Můžete tak učinit pomocí následujícího CSS.
- sh# cd / cena / k / redmine
- sh # mkdir -p public / themes / redtheme / stylesheets
- sh# vi public / themes / redtheme / stylesheets / application.css (kodowanie nowego użytkownika)
- Prześlij na stránku s administratorátorskými nastaveními a vyberte téma redtheme
/* načtení výchozího rysik Redmine */
@import url (../../../ stylesheets / application.css);
# menu główne {tło: RGB (128,0,0);}
#header {kolor tła: RGB (192,0,0);}
# projekty-indeks ul. projekty div.root a.project {color: RGB (128,0,0); }
zawartość h1, h2, h3, h4 {kolor: RGB (128,0,0);}
#main {color: RGB (128,0,0); }
a, a: link, a: odwiedzono {kolor: RGB (128,0,0); }
a: hover, a: active {color: RGB (128,0,0); }
Jak změnit logo temat?
1. krok:
Utwórz logem do @./public /themes/redminecrm /images@
Kolejne kroki
Nahraďte soubor logo.png novým souborem s logem lub velikosti 43x30
...
#header> h1 {
tło: url (../ images / logo.png) bez powtarzania 10px 20%;
wypełnienie: 5px 60px; /* Upravte toto, abyste nastavili vlastní logo */
}
Nowa aktualizacja Redmine? Snadne.
Získejte všechny výkonné nástroje pro wykonanielé plánování, řízení a kontrolu projektů v jednom softwaru.