Painikkeet ovat olennaisia kävijöiden siirtymiseen paikasta toiseen ja luultavasti haluat lisätä niitä ympäri sivustoasi. Samasta syystä vain yksi painiketyyli ei saata riittää. Jotta käytettävissäsi on visuaalisesti suurempi valikoima, editori tarjoaa mahdollisuuden luoda erilaisia painiketyylejä moduuleilla painike 2 ja painike 3. Voit lisätä painike 2 ja painike 3 moduuleita valitsemalla Painike 2 tai Painike 3, jotka ovat Lisää moduuli -ikkunan Sivussa siirtyminen -kategoriassa.

Screen_Shot_2019-11-05_at_14.35.10.png

  

Miten painike, painike 2 ja painike 3 eroavat toisistaan?

Toiminnallisuuden suhteen kolme painikemoduulia ovat täysin samoja. Ainoa ero painikkeiden 2 ja 3 välillä on, että painike 3 käyttää painikkeen 1 yleisiä ulkoasuasetuksia ja painike 2 ei käytä niitä.

Syy, miksi painike 3 käyttää painikkeen 1 tyyliä, on että voit luoda kaksi hyvin samannäköistä painiketyyppiä ja erottaa ne toisistaan vain muutaman parametrin suhteen, kuten tekstin väri tai painikkeen koko. Näin pystyt erottamaan eri ulkoasut toisistaan ylemmällä tasolla määrittämättä tyylielementtejä paikallisesti.

Voit määrittää painikkeen 2 tyylin täysin erilaiseksi verrattuna painikkeisiin 1 ja 3. Esimerkiksi voit määrittää sen vaalean väriseksi, jolloin sitä voidaan käyttää tummemmilla taustoilla. Painikkeet 1 ja 3 saattavat olla liian tummia käytettäväksi samassa kohdassa.

 

Esimerkkejä käytöstä

Oletuspainikkeen tyyliksi on määritetty tumma taustaväri, jolloin se erottuu selkeästi vaalean värisistä riveistä. Sinulla on kuitenkin muutama tumman värinen kuva ja haluat sijoittaa niihin painikkeita. Selvästi tumma väri ei erotu yhtä helposti tämän kaltaisista kuvista, joten määrität toisenlaisen painiketyylin – painikkeen 2 – ja teet siitä valkoisen, jotta se erottuu tummista taustoista.

Screenshot_2019-03-06_at_12.36.39-3.png

 

Tässä on toinen esimerkki käytöstä. Sivustollasi on paljon kuvia ja jotkin ovat suurempia ja jotkin pienempiä. Haluat asettaa ison painikkeen suurempien kuvien alle ja pienen painikkeen pienten kuvien alle.

Tässä tapauksessa olet saattanut määrittää yleisestä ulkoasusta painikkeen suuremmaksi ja painikkeen 2 pienemmäksi. Näin sinun ei tarvitse käyttää aikaa yksittäisten muutosten tekemiseen paikallisesti, kun haluat erotella painikkeiden tyylit toisistaan.

Oliko tämä artikkeli hyödyllinen?
0/0 koki tästä olevan apua