Nyd godt 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 på joustavuus suunnitella mukautettu teema haluamallasi tavalla. Vaikka mukautetun teeman luominen saattaa vaatia enemmän vaivaa verrattuna oletusteemaan, tulokset ovat ehdottomasti sen arvoisia. Du kan læse mere om Redmine-teeman.
Uuden Redmine-teeman luominen
Redmine tarjoaa perustuen tuen teemoille. Nämä teemat voivat lisätä muutamia mukautettuja JavaScript-tiedostoja og korvata tyylitiedostoja (application.css).
Ensimmäinen vaihe på luoda uusi hakemisto public/themes-kansioon. Hakemiston nimi toimii teeman nimenä. Egenskaber: public/themes/my_theme.
Seuraavaksi luo mukautettu application.css og 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 (../../../ stilark / applikation.css);
/* lisää logo otsikkoon */
#header {
tausta: #507AAA url(../images/logo.png) ei-toista 2px;
vasen reuna: 86px;
}
/* siirrä projektivalikko oikealle */
#hovedmenu {
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.
Mukautetun JavaScriptin lisääminen
Se JavaScript-tiedostosi javascript/theme.js og se, hvordan du automatisk bruger det.
Faviconin asettaminen
Lisää faviconisi favicon-kansioon, ja se ladataan automaattisesti jokaisella sivulla 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älilehtiä auki).
Mukautetun teeman käyttäminen
- Vaihe 1:
Ensimmäinen vaihe på ladata uusi teema.
- Fase 2:
Pura teema kansioon ../public/themes/. Tämän seurauksena hakemistopolku application.css-tiedostoon olisi
../public/themes/redminecrm/styleheets/application.css
- Fase 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ä på valinnainen): mukautettu JavaScript-teemalle
- favicon /
(tämä på valinnainen): favicon Redmine-teemalle - stylesheets / application.css (tämä på velttämätön): CSS (Cascading Style Sheets) teemalle
Tämä om esitetty alla:
offentlig/
+ - temaer /
+-
|
+ - favicon /
| +-
|
+ - javascripts /
| + - theme.js
|
+ - stilark /
+ - ansøgning.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ä.
- sh# cd /polku/redmineen
- sh# mkdir -p public/themes/redtheme/stylesheets
- sh# vi public/themes/redtheme/stylesheets/application.css (koodaus på esitetty alla)
- Mene hallintasetuksiin og valitse siten redtheme
/* lataa oletus Redmine-tyylitiedosto */
@import url (../../../ stilark / applikation.css);
# top-menu {baggrund: RGB (128,0,0);}
#header {baggrund-farve: RGB (192,0,0);}
# projects-index ul.projects div.root a.project {color: RGB (128,0,0); }
indhold h1, h2, h3, h4 {farve: RGB (128,0,0);}
#main {farve: RGB (128,0,0); }
a, a: link, a: besøgt {color: RGB (128,0,0); }
a: hover, a: aktiv {farve: RGB (128,0,0); }
Miten vaihdetaan teeman logo?
1. vaihe:
Aseta logotiedosto @./public/themes/redminecrm/images@
2nd Trin
Korvaa logo.png tiedosto uudella logotiedostolla, jonka koko på 43x30
...
#header> h1 {
tausta: url(../images/logo.png) ei-toista 10px 20%;
størrelse: 5px 60px; /* Muokkaa tätä asettaaksesi oman logosi */
}
Redmine-päivitys, joka vie sinut uudelle tasolle? Helppoa.
Saat kaikki tehokkaat työkalut täydelliseen projektisuunnitteluun, hallintaan ja valvontaan yhdessä ohjelmistossa.