Kuidas luua kohandatud Redmine'i teemat

Kohandatud teema eelis on see, et see on unikaalne ja selle kujundus on täpselt selline, nagu soovite (see eelis pole saadaval enamiku vaikimisi teemade puhul). Teil on paindlikkus kujundada kohandatud teema täpselt nii, nagu soovite. Kuigi kohandatud teema loomine võib nõuda rohkem pingutust võrreldes vaikimisi teema kasutamisega, on tulemused täielikult seda väärt. Lugege edasi, et teada saada, kuidas luua kohandatud Redmine'i teema.

Uue Redmine'i teema loomine

Redmine pakub teemadele põhitoetust. Need teemad saavad lisada mõned kohandatud JavaScripti ja ülekirjutada stiililehed (application.css).
Esimene samm on luua uus kataloog public/themes. Kataloogi nimi kasutatakse teema nimeks. Näiteks:  public /themes / my_theme.
Järgmisena looge kohandatud application.css ja salvestage see alamkausta nimega stylesheets:
Offentlige / temaer / my_theme / stilark / application.css
Järgnevalt on näide kohandatud stiililehest, mis üle kirjutab ainult mõned seaded:
/* laadige vaikimisi Redmine'i stiilileht */
@import url (../../../ stilark / applikation.css);
/* lisage logo päisesse */
#header {
    taust: #507AAA url (../ images / logo.png) no-repeat 2px;
    polstring til venstre: 86px;
}
/* liigutage projekti menüü paremale */
#hovedmenu {
    venstre: auto;
    højre: 0px;
}
Eelnev näide eeldab, et teil on pilt, mis asub kohas my_theme / images / logo.png.
Saate selle teema (näidisena) alla laadida oma kohandatud Redmine'i teema alustamiseks. Ekstraheerige teema public/themes kataloogi.

Kohandatud JavaScripti lisamine

Lisage oma JavaScript javascript /theme.js ja see laaditakse automaatselt igal lehel.

Favikoni seadistamine

Sisestage oma favikon favikoni kausta ja see laaditakse automaatselt vaikimisi favikoni asemel igal lehel. Favikoni faili nimi võib olla ükskõik mis. (Kui te ei tea, siis favikon on pisike 16×16 piksline ikoon, mis täidab teie veebisaidi brändimise eesmärki. Selle peamine eesmärk on aidata külastajatel leida teie lehte lihtsamalt, kui neil on avatud mitu vahekaarti).

Kohandatud teema rakendamine

• Samm 1:

Esimene samm on uue teema allalaadimine.

• Samm 2:

Pakkige teema lahti ../public/themes/ kausta. Selle tulemusena oleks kataloogitee application.css-le järgmine:

../public/themes/redminecrm/styleheets/application.css

• Samm 3:

Minge halduse -> Seaded ja valige "Teema" loendist (rippmenüüst) teema, mille olete hiljuti loonud. Pärast seda salvestage oma seaded.
Selles punktis peaks Redmine nüüd kuvama teie kohandatud teemat.

Kui kasutate Redmine'i versiooni < 1.1.0, võib olla vajalik rakendus taaskäivitada, et see ilmuks saadaolevate teemade loendisse.

Teemade kataloogi struktuur

Teema koosneb järgmistest failidest:

• javascripts/theme.js (see on valikuline): kohandatud JavaScript teemale
• favicon / (see on valikuline): favicon Redmine teemale
• stylesheets / application.css (see on vajalik): CSS (Kaskaadlaadimisstiilid) teemale

Allpool on näidatud:

Kuidas luua Redmine teemat, kasutades vaikimisi teemat

Samuti saate luua Redmine teema, muutes vaikimisi teema CSS-failis värve.

Öelgem, et soovite muuta kõike sinisest teemast punaseks. Seda saate teha allpool toodud CSS-iga.

1. sh # cd / sti / til / redmine
2. sh # mkdir -p offentlige / temaer / redtheme / stilark
3. sh# vi public / themes / redtheme / stylesheets / application.css (allpool on näidatud kood)
4. Minge haldusseadete juurde ja valige seejärel redtheme

Kuidas muuta teema logo?

1. samm:

Pange logo fail asukohta @./ public / themes/ redminecrm / images@

2^nd Samm

Asenda logo.png fail uue logofailiga suurusega 43x30

...

#header> h1 {

               taust: url(../images/logo.png) no-repeat 10px 20%;

               täidis: 5px 60px; /* Muuda seda, et seada oma logo */

}