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. Lue lisää saadaksesi tietoa mukautetun Redmine-teeman luomisesta.

Uuden Redmine-teeman luominen

Redmine tarjoaa perustuen tuen teemoille. Ονομάστε τη λίστα με το JavaScript-tiedostoja και τον κώδικα tyylitiedostoja (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 ja tallenna se alihakemistoon nimeltä stylesheets:
Public/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);
/* lisää logo otsikkoon */
# επικεφαλής {
    tausta: #507AAA url(../images/logo.png) ei-toista 2px;
    vasen reuna: 86px;
}
/* siirrä projektivalikko oikealle */
#κυρίως μενού {
    vasen: auto;
    oikea: 0px;
}
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.

Περιγραφή JavaScriptin

Χρησιμοποιήστε το JavaScript-tiedostose javascript/theme.js και θα βρείτε αυτόματο τρόπο λειτουργίας.

Φαβικονίνη ασετταμινένη

Lisää faviconisi favicon-kansioon, ja se ladataan automaattisesti jokaisella sivula oletusversion sijaan. Favicon-tiedoston nimi voi olla mikä tahansa. (Jos et tiedä, 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äkilehti).

Mukautetun teeman käyttäminen

• Vaihe 1:

Ensimmäinen vaihe on ladata uusi teema.

• Φάση 2:

Pura teema kansioon ../public/themes/. Εφαρμογή Tämän seurauksena hakemistopolku.css-tiedostoon olisi

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

• Φάση 3:

Mene hallintapaneeliin -> 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ä tiedostoista:

• javascripts/theme.js (tämä on valinnainen): mukautettu JavaScript-teemalle
• favicon / (tämä on valinnainen): favicon Redmine-teemalle
• φύλλα στυλ / application.css (διατίθεται στο αρχείο): CSS (Cascading Style Sheets) teemalle

Επικοινωνήστε μαζί μας:
δημόσιο/
  + - θέματα /
       +- /
            |
            + - favicon /
            | +- (esim. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - φύλλα στυλ /
                 + - 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 olevallla 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 on esitetty alla)
4. Με την παρουσίαση του κόκκινου θέματος

/* lataa oletus Redmine-tyylitiedosto */

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

Miten vaihdetaan teeman logo;

1. vaihe:

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

2^nd Vaihe

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

...

#header> h1 {

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

               μέγεθος: 5 px 60 px; /* Muokkaa tätä asettaaksesi oman logosi */

}