Page History
...
- Uuden teeman yläpalkki on tehty oletuksena valkoiseksi. Yläpalkin taustaväri on mahdollista vaihtaa less-muuttujalla (@header-background-color). Aiemmassa teemassa logoa käytettiin tummalla pohjalla, useimmissa
tilanteissa logo pitää vaihtaa. - Logo vaihdetaan "Ulkoasu"-välilehdeltä ja valitsemalla Lisää uusi logokuva... Logo skaalautuu yläpalkin korkeuden mukaan automaattisesti. Logo kannattaa testata useammalla päätelaitteella ennen näkymän julkaisua (tietokoneen näyttö, mobiili jne.). Logossa kannattaa käyttää png-tiedostomuotoa (suositus: enimmäisleveys 200px ja korkeus: 40px). Logossa on mahdollista käyttää myös tarkempaa pikselitiheyttä, jolloin logon koko voi olla esimerkiksi 400px*80px. Mikäli logon oletuskorkeutta halutaan kasvattaa, pitää muutos tehdä @navbar-logo-height less-muuttujaan (korkeus suositus 35-50px).
- Taustaväri kannattaa asettaa hallintaliittymästä valkoikseksi
- Jotta näkymä toimisi oikein, pitää osa less-muuttujista käydä läpi. Less-muuttujat sijaitsevat tiedostossa: themes/custom/less/variables.less.
- Uudet ja merkittävät less-muuttujat (sinisellä merkityt ovat uusia):
- @header-background-color (ylävalikon taustaväri)
- @header-text-color (ylävalikon tekstinväri)
- @finna-browsebar-background (selaa palkin taustaväri)
- @finna-browsebar-link-color(selaa palkin linkin)
- @finna-browsebar-highlight-background (selaa palkin korotuksen taustaväri)
- @finna-search-background (hakupalkin taustaväri)
- @finna-search-link-color (hakupalkin linkin väri)
- @filters-background-color (hakurajaimen taustaväri)
- @filters-text-color (hakurajaimen tekstinväri)
- @action-link-color (toiminto linkin väri)
- @finna-feedback-background (palautepainikkeen taustaväri)
- @finna-feedback-color (palautepainikkeen tekstinväri)
- @link-color (linkin väri)
- @header-background-color (ylävalikon taustaväri)
- Uudet ja merkittävät less-muuttujat (sinisellä merkityt ovat uusia):
View file | ||||
---|---|---|---|---|
|
Note |
---|
Uudet less-muuttujat eivät tule automaattisesti näkyviin variables.less tiedostoon, mikäli teema on kopioitu vanhasta teemasta. Mikäli haluat muuttaa uusia less-muuttujia, pitää ne lisätä kopioidun näkymän variables.less tiedostoon. |
Note |
---|
Näkymän kopioinnin jälkeen taustakuva pitää jossakin tapauksissa asettaa uudestaan hallintaliittymästä (Lisää uusi taustakuva...). |
...