Kuinka luoda räätälöity Redmine-teema

Mukautetun teeman etuna on, että se on ainutlaatuinen ja sen suunnittelu on juuri Sellainen kuin haluat (tämä etu ei ole saatavilla useimmissa oletusteemoissa). Sinulla na joustavuus suunnitella mukautettu teema haluamallasi tavalla. Vaikka mukautetun teeman luominen saattaa vaatia enemmän vaivaa verrattuna oletusteemaan, tulokset ovat ehdottomasti sen arvoisia. Lue lisää saadaksesi tietoa mukautetun Redmine-teeman luomisesta.

Uuden Redmine-Teeman Luominen

Redmine tarjoaa perustuen tuen teemoille. Nämä teemat voivat lisätä muutamia mukautettuja JavaScript-tiedostoja ja korvata tyylitiedostoja (application.css).
Ensimmäinen vaihe na luoda uusi hakemisto public/themes-kansioon. Hakemiston nimi toimii teeman nimenä. Esimerkiksi: public/themes/my_theme.
Seuraavaksi luo mukautettu application.css ja tallenna se alihakemistoon nimeltä arkusze stylów:
Public/themes/my_theme/stylesheets/application.css
Seuraava esimerkki na mukautettu tyylitiedosto, joka korvaa vain muutamia asetuksia:
/* lataa oletus Redmine-tyylitiedosto */
@import url (../../../ stylesheets / application.css);
/* lisää logo otsikkoon */
#nagłówek {
    tausta: #507AAA url(../images/logo.png) ei-toista 2px;
    Vasen Reuna: 86 pikseli;
}
/* siirrä projektivalikko oikealle */
#menu główne {
    wasen: automatyczny;
    oikea: 0 pikseli;
}
Edellinen esimerkki olettaa, että sinulla on kuva, joka sijaitsee kohdassa my_theme/images/logo.png.
Voit ladata tämän teeman (esimerkki) lähtökohdaksi omalle mukautetulle Redmine-teemallesi. Pura teema public/themes-hakemistoon.

Mukautetun JavaScript w języku angielskim

Lisää JavaScript-tiedostosi javascript/theme.js i se ladataan automaattisesti jokaisella sivulla.

Faviconin asettaminen

Lisää faviconisi favicon-kansioon, ja se ladataan automaattisesti jokaisella sivulla oletusversion sijaan. Favicon-tiedoston nimi voi olla mikä tahansa. (Jos et tietedä, favicon on pieni 16x16 pikselin kuvake, joka edustaa verkkosivustosi brändiä. Sen tarkoituksena on auttaa kävijöitä löytämään sivusi helpommin, kun heillä on useita välilehtiä auki).

Mukautetun teeman käyttäminen

• Wajhe 1:

Ensimmäinen vaihe na ładata uusi teema.

• Wajhe 2:

Pura teema kansioon ../public/themes/. Tämän seurauksena hakemistopolku application.css-tiedostoon olisi

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

• Wajhe 3:

Mene halintapaneeliin -> Asetukset ja valitse "Teema" -luettelosta (pudotusvalikko) juuri luomasi teema. Tämän jälkeen tallenna asetukset.
Tässä vaiheessa Redmine pitäisi näkyä mukautetun teeman avulla.

Jos käytät Redmine-versiota < 1.1.0, saatat joutua käynnistämään sovelluksen uudelleen, jotta se näkyy saatavilla olevien teemojen luettelossa.

Teemojen hakemistorakenne

Teema koostuu näistä tiestoista:

• javascripts/theme.js (tamä na valinnainen): mukautettu JavaScript-teemalle
• favikona / (tämä na valinnainen): favicon Redmine-teemalle
• arkusze stylów / application.css (tamä na välttämätön): CSS (kaskadowe arkusze stylów) teemalle

Zobacz na esitetty alla:
publiczny/
  + - motywy /
       +- /
            |
            + - favicon /
            | +- (esim. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - arkusze stylów /
                 + - application.css

Redmine-teeman luominen oletusteemaa käyttämällä

Voit myös luoda Redmine-teeman muuttamalla värejä oletusteeman CSS-tiedostossa.

Oletetaan, että haluat muuttaa kaiken sinisestä teemasta punaiseksi. Voit tehdä sen alla olevalla CSS:llä.

1. sh# cd /polku/redmineen
2. sh# mkdir -p public/themes/redtheme/stylesheets
3. sh# vi public/themes/redtheme/stylesheets/application.css (koodaus na esitetty alla)
4. Mene Hallintasetuksiin ja Valitse sitten redtheme

/* lataa oletus Redmine-tyylitiedosto */

@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); }

Miten vaihdetaan teeman logo?

1. vaihe:

Aseta logotiedo @./public/themes/redminecrm/images@

2^nd Krok

Korvaa logo.png krawatosto uudella logotiedostolla, jonka koko na 43x30

...

#header> h1 {

               tausta: url(../images/logo.png) ei-toista 10px 20%;

               rozmiar: 5px 60px; /* Muokkaa tätä asettaaksesi oman logosi */

}