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 on joustavuus suunnitella mukautettu teema haluamallasi tavalla. Vaikka mukautetun teeman luominen saattaa vaatia enemmän vaivaa verrattuna oletusteemaan, tulokset ovat ehdottomasti sen arvoisia. Scopri di più su Redmine-teeman luomisesta.

Uuden Redmine-teeman luominen

Redmine tarjoaa perustuen tuan teemoille. Quando si trova è possibile visualizzare l'elenco completo dei collegamenti JavaScript e dei file di configurazione (application.css).
Ensimmäinen vaihe on luoda uusi hakemisto public/themes-kansioon. Hakemiston nimi toimii teeman nimenä. Esimerkiksi: public/themes/my_theme.
Seuraavaksi luo mukautettu application.css e tallenna se alihakemistoon nimeltä stylesheets:
Pubblico/themes/my_theme/stylesheets/application.css
Seuraava esimerkki on mukautettu tyylitiedosto, joka korvaa vain muutamia asetuksia:
/* lataa oletus Redmine-tyylitiedosto */
@import url (../../../ stylesheets / application.css);
/* leggi il logo otsikkoon */
#intestazione {
    tausta: #507AAA url(../images/logo.png) ei-toista 2px;
    vaso reuna: 86px;
}
/* tutti i tuoi progetti sono disponibili */
#menu principale {
    vaso: automatico;
    oikea: 0px;
}
Edellinen esimerkki olettaa, etä sinulla on kuva, joka sijaitsee kohdassa my_theme/images/logo.png.
Lascia che il tuo account (esimerkki) venga scaricato dall'utente Redmine-teemallesi. Pura teema public/temi-hakemistoon.

Mukautetun JavaScriptin lisääminen

Leggi JavaScript-tiedostosi javascript/theme.js e viene caricato automaticamente come file.

Faviconin asettaminen

Leggi la faviconisi favicon-kansioon, quindi se ladataan automaattisesti jokaisella sivulla oletusversion sijaan. La favicon-tiedoston non ti interessa. (Jos et tieä, 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

• Vaih 1:

Ensimmäinen vaihe on ladata uusi teema.

• Fase 2:

Pura teema kansioon ../public/themes/. Questo articolo è stato creato con application.css-tiedostoon olisi

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

• Fase 3:

Mene hallintapaneeliin -> Asetukset ja valitse "Teema" -luettelosta (pudotusvalikko) juuri luomasi teema. Tämän jälkeen tallenna setukset.
Questo è il modo in cui Redmine è stato creato per te.

Se hai la versione Redmine < 1.1.0, quando giochi con la versione di Redmine, ti ritroverai senza problemi.

Teemojen hakemistorakenne

Hai un problema con questo:

• javascripts/theme.js (disponibile su valinnainen): mukautettu JavaScript-teemalle
• icona preferita / (tämä on valinnainen): favicon Redmine-teemalle
• fogli di stile / application.css (tämä on välttämätön): CSS (Cascading Style Sheets) teemalle

Tämä su esitetty alla:
pubblico/
  + - temi /
       +- /
            |
            + - favicon /
            | +- (esim. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - fogli di stile /
                 + - application.css

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

Il mio amico Redmine deve essere molto gentile con il CSS-tiedossa.

Oletetaan, että haluat muuttaa kaiken sinisestä teemasta punaiseksi. Vedi tutto 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 su esitetty alla)
4. Mene hallintasetuksiin ja valitse sitten redtheme

/* lataa oletus Redmine-tyylitiedosto */

@import url (../../../ stylesheets / application.css);

# top-menu {background: RGB (128,0,0);}

#header {background-color: RGB (192,0,0);}

# projects-index ul.projects div.root a.project {color: RGB (128,0,0); }

contenuto h1, h2, h3, h4 {color: RGB (128,0,0);}

#main {color: RGB (128,0,0); }

a, a: link, a: visitato {color: RGB (128,0,0); }

a: hover, a: active {color: RGB (128,0,0); }

Miten vaihdetaan teeman logo?

1. vaihe:

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

2^nd Vaih

Korvaa logo.png tiedosto uudella logotiedostolla, jonka koko on 43x30

...

#header> h1 {

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

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

}