Jak vytvořit vlastní téma pro Redmine.
Redmine přichází s rychlým og snadným administrativením způsobem, jak aplikovat téma, které vyhovuje vašim preferencím. Několik výchozích témat je k dispozici, jako je minimalistisk, jiná jsou více živé, a pokud se vám žádná z těchto možností nelíbí, můžete vytvořit vlastní vlastní téma Redmine.
Vytvoření nového tématu 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ý adresseář v public/themes. Název adresáře bude použit jako název tématu. Například: public/themes/my_theme.
Læs mere vlastní application.css og uložte jej do podadresáře stylesheets:
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í Redmine stylesheet */
@import url (../../../ stilark / applikation.css);
/* přidat logo v záhlaví */
#header {
baggrund: #507AAA url(../images/logo.png) no-repeat 2px;
polstring til venstre: 86px;
}
/* přesunout projektové menu doprava */
#hovedmenu {
venstre: auto;
højre: 0px;
}
Výše uvedený příklad předpokládá, že máte obrázek, který se nachází v 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.
Nastavení faviconu
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ærmere 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.
Použití vlastního tématu
Krok 1: Stáhněte si nové téma.
Krok 2: Rozbalte téma do ../public/themes/. Výsledkem bude cesta 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ě af měl být Redmine zobrazen s vaším upraveným tématem.
Pokud používáte Redmine < 1.1.0, har nutné genstartet 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 (toto er volitelné): upravený JavaScript pro téma
- favicon / (toto je volitelné): favicon pro Redmine téma
- stylesheets / application.css (toto nutné): CSS (Cascading Style Sheets) pro téma
For at demonstrere níže:
offentlig/
+ - temaer /
+- /
|
+ - favicon /
| +- (např. favicon.ico, favicon.png)
|
+ - javascripts /
| + - theme.js
|
+ - stilark /
+ - ansøgning.css
Vytvoření Redmine tématu pomocí výchozího tématu
Můžete také vytvořit Redmine téma změnou barev v 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 / cesta / k / redmine
- sh # mkdir -p offentlige / temaer / redtheme / stilark
- sh# vi public / themes / redtheme / stylesheets / application.css (kódování je uvedeno níže)
- Přejděte na stránku s administrátorskými nastaveními a vyberte téma redtheme
/* načtení výchozího Redmine stylu */
@import url (../../../ stilark / applikation.css);
# top-menu {baggrund: RGB (128,0,0);}
#header {baggrund-farve: RGB (192,0,0);}
# projects-index ul.projects div.root a.project {color: RGB (128,0,0); }
indhold h1, h2, h3, h4 {farve: RGB (128,0,0);}
#main {farve: RGB (128,0,0); }
a, a: link, a: besøgt {color: RGB (128,0,0); }
a: hover, a: aktiv {farve: RGB (128,0,0); }
Jak změnit logo tématu?
1. krok:
Umístěte soubor s logem do @./ public / themes/ redminecrm / images@
Andet trin
Nahraďte soubor logo.png novým souborem s logem o velikosti 43x30
...
#header> h1 {
baggrund: url (../billeder / logo.png) ingen gentagelse 10px 20%;
polstring: 5px 60px; /* Upravte toto, abyste nastavili vlastní logo */
}
Vil du ikke opgradere Redmine? Snadné.
Získejte všechny výkonné nástroje pro dokonalé plánování, řízení a kontrolu projektů v jednom softwaru.