Siirry sisältöön

Näin luot oman väriteeman

Johkussa voit luoda kauppapaikalle oman väriteeman muokkaamalla vaalea- tai tummapohjaisen teeman värejä ja fontteja. Muokkaus tehdään muuttujalistalla kohdassa Asetukset → Kauppapaikka → Teema, eikä se vaadi koodaamista.

Näin muokkaus toimii

Kukin teeman muutettava osa eli muuttuja on omana rivinään. Värit syötetään värikoodina tai valitaan värikartasta tai pipetillä, ja fontit valitaan Google Fonts -kirjastosta. Voit muokata vain värejä ja fontteja: elementtien asettelua ja kokoja ei voi muuttaa, sillä ne skaalautuvat automaattisesti eri näyttökokoihin.

Luo oma väriteema

  1. Avaa Asetukset → Kauppapaikka → Teema. Kauppapaikan asetuksiin on yleensä myös pikalinkki sivuvalikossa (maapallokuvake)

  2. Valitse Kauppapaikan väriteema -valikosta Käytä muokattuja asetuksia. Esille tulevat teeman päämuuttujat vaaleapohjaisen oletusteeman väreillä.

  3. Jos haluat tummapohjaisen teeman, valitse Palauta perustyyppi -kohdassa Tumma ja napsauta Aseta.

  4. Vaihda päämuuttujien värit: syötä värikoodi tai valitse väri värikartasta tai pipetillä. Pipetillä voit poimia värin mistä tahansa selainikkunasta, esimerkiksi logostasi.

  5. Valitse fontit alasvetovalikoista.

  6. Tallenna ja käy katsomassa teeman toiminta kauppapaikalla. Muut muuttujat muodostuvat automaattisesti päämuuttujien pohjalta, joten usein päävärien vaihto riittää.

Hienosäädä tarvittaessa

  1. Avaa loput muuttujat valitsemalla päämuuttujien listan alareunasta Näytä kaikki muuttujat.

  2. Muokkaa haluamiasi arvoja. Voit muuttaa prosenttilukemia suoraan tai valita oman värin värikuvakkeesta.

  3. Rivin päädyssä olevalla kellokuvakkeella palautat yksittäisen muuttujan oletusarvon.

  4. Tallenna ja testaa kauppapaikalla. Toista, kunnes olet tyytyväinen.

Osa arvoista viittaa toisiin tyylimäärityksiin: var-alkuinen arvo on viittaus toiseen muuttujaan, ja color-mix-alkuinen arvo muodostaa sävyn automaattisesti toisesta väristä. Nämäkin kentät voi vaihtaa omaksi värikseen. Huomaa, että värivalitsimen esikatseluruutu näyttää mustaa, jos kentässä on muuta kuin tavallinen värikoodi; tämä ei ole virhe.

Tarkista väriteemasi toiminta

Kauppapaikkasi käyttää omia värejäsi ja fonttejasi kaikilla sivuilla ja kaikissa näyttöko'oissa.

Paluu valmiiseen teemaan

Voit milloin tahansa palata valmiiseen väriteemaan valitsemalla Kauppapaikan väriteema -valikosta Käytä valmista väriteemaa. Muokkaamasi muuttujat säilyvät tallessa, ellet nollaa oman väriteeman asetuksia valitsemalla Palauta perustyyli -kohdasta Vaalea tai Tumma.