Kuidas luua kohandatud Redmine'i teemat

1/1/2024
6 λεπτά
Λούκα Μπέγια
Redmine'il on kiire ja lihtne haldusviis, et saaksite rakendada endale meelepärase teema. Mõned saadaolevad vaikimisi teemad on minimaalsed, teised on elavamad 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 (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:
Δημόσιο / θέματα / my_theme / stylesheets / 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);
/* lisage logo päisesse */
# επικεφαλής {
    taust: #507AAA url (../ images / logo.png) no-repeat 2px;
    πληκτρολόγηση αριστερά: 86px;
}
/* liigutage projekti menüü paremale */
#κυρίως μενού {
    αριστερά: auto;
    δεξιά: 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/stylesheets/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:

δημόσιο/   + - θέματα /        +- /             |             + - favicon /             | +- (nt favicon.ico, favicon.png)             |             + - javascripts /             | + - theme.js             |             + - φύλλα στυλ /                  + - 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 / θέματα / redtheme / stylesheets
  3. sh# vi public / themes / redtheme / stylesheets / application.css (allpool on näidatud kood)
  4. Minge haldusseadete juurde ja valige seejärel redtheme
/* laadige vaikimisi Redmine stiilileht */ @import url (../../../ stylesheets / application.css); # top-menu {φόντο: RGB (128,0,0);} #header {φόντο-χρώμα: RGB (192,0,0);} # έργα-δείκτης ul.projects div.root a.project {color: RGB (128,0,0); } περιεχόμενο h1, h2, h3, h4 {color: RGB (128,0,0);} # κύριο {χρώμα: RGB (128,0,0); } a, a: link, a: επισκέφθηκε {color: RGB (128,0,0); } a: hover, a: ενεργό {color: RGB (128,0,0); }

Kuidas muuta teema logo?

1. samm:

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

2nd Σαμμ

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 */

}

Η απόλυτη αναβάθμιση του Redmine; Ανετα.

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

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

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