Kuidas luua kohandatud Redmine'i teemat

1/1/2024
6 minut
Łukasz Beňa
Redmine'il na kiire ja lihtne haldusviis i saaksite rakendada endale meelepärase teema. Mõned saadaolevad vaikimisi teemad on zminimalizowane, trwało elawamad ja kui ükski neist valikutest ei meeldi, saate luua oma väga enda kohandatud Redmine'i teema.

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

Uue Redmine'i nadchodzi

Redmine pakub teemadele põhitoetust. Potrzebujesz teemad saavad lisada mõned kohandatud JavaScripti ja ülekirjutada stiililehed (application.css).
Esimene samm na luua uus kataloog public/themes. Kataloogi nimi kasutatakse teema nimeks. Naiteks: public /themes / my_theme.
Järgmisena looge kohandatud application.css ja salvestage zobacz arkusze stylów alamkausta nimega:
Publiczne / motywy / mój_motyw / arkusze stylów / application.css
Järgnevalt on näide kohandatud stiililehest, mis üle kirjutab ainult mõned seaded:
/* laadige vaikimisi Redmine'i stiilileht */
@import url (../../../ stylesheets / application.css);
/* logo päisesse */
#nagłówek {
    taust: #507AAA url (../images / logo.png) bez powtórzeń 2px;
    dopełnienie lewe: 86px;
}
/* liigutage projekti menüü paremale */
#menu główne {
    po lewej: auto;
    po prawej: 0px;
}
Eelnev näide eeldab, et teil on pilt, mis asub kohas my_theme / obrazy / logo.png.
Saate Selle teema (näidisena) alla laadida oma kohandatud Redmine'i teema alustamiseks. Ekstraheerige teema public/themes kataloogi.


Kohandatud JavaScripti lisamina

Użyj JavaScript javascript /theme.js i zobacz laaditakse automaatselt igal lehel.


Favikoni seadistamina

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


Kohandatud teema rakendamine

  • Sam 1:

Esimene samm na uue teema allalaadimine.

  • sam 2:

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

../public/themes/redminecrm/stylesheets/application.css

  • sam 3:

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

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


Teemade kataloogi struktuur

Teema koosneb järgmistest nie powiódł się:

  • javascripts/theme.js (zobacz na valikuline): kohandatud JavaScript teemale
  • favikona / (patrz na walikulinie): favicon Redmine teemale
  • arkusze stylów / aplikacja.css (patrz na vajalik): CSS (Kaskaadlaadimisstiilid) teemale

Allpool na näidatud:

publiczny/   + - motywy /        +- /             |             + - favicon /             | +- (nt favicon.ico, favicon.png)             |             + - javascripts /             | + - theme.js             |             + - arkusze stylów /                  + - application.css

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 / path / to / redmine
  2. sh # mkdir -p public / themes / redtheme / stylesheets
  3. sh# vi public / themes / redtheme / arkusze stylów / application.css (allpool na näidatud kood)
  4. Minge haldusseadete juurde ja valige seejärel redtheme
/* laadige vaikimisi Redmine stiilileht */ @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); }

Logo Kuidas muuta teema?

1. sam:

Logo Pange nie działa asukohta @./public /themes/redminecrm /images@

2nd Samm

Asenda logo.png nieuue logofailiga suurusega 43x30

...

#header> h1 {

               taust: url(../images/logo.png) bez powtórzeń 10px 20%;

               tło: 5 pikseli 60 pikseli; /* Muuda seda, et seada oma logo */

}

Najlepsza aktualizacja Redmine? Łatwo.

Hankige kõik võimsad tööriistad täiusliku projekti planeerimiseks, juhtimiseks ja kontrollimiseks ühes tarkvaras.

Proovige Easy Redmine'i 30 päeva tasuta prooviperioodi jooksul

Täielikud funktsioonid, SSL-kaitse, igapäevased varukopiad, teie geolokatsioonis