Siirry pääsisältöön

Ulkoasun eli sivupohjan muuttaminen

Sivun asettelu ja sarakkeiden jakaminen vaikuttavat ratkaisevasti verkkokauppasi tai kotisivujesi yleisilmeeseen sekä elementtien skaalautuvuuteen. Tässä ohjeessa neuvotaan, miten muutat sivukohtaista asettelua ja miten otat käyttöön pystyvalikon vaatiman sivupalkin.

 

Sivun asettelun muuttaminen

 

Pääset muokkaamaan parhaillaan avoinna olevan sivun sarakkeiden jakoa ja pohjarakennetta siirtymällä ylävalikosta polkuun:

 

Internetsivu > Ulkoasu

 

Ulkoasun ja sarakepohjien valintanäkymä

 

Valittu ulkoasupohja määrittää suoraan sen, kuinka suurena sivuille sijoitetut elementit – kuten tekstit, kuvat tai lomakkeet – näkyvät ja miten ne sijoittuvat rinnakkain.

 


 

Esimerkkejä eri sarakejaoista

 

Asettelu 25% / 75%:
Kun valitset pohjan, jossa vasen sarake vie 25% ja oikea sarake 75% sivun leveydestä, elementtien suhteet jakautuvat selkeästi epäsymmetrisesti.

 

25% ja 75% sarakejaon valitseminen

 

Tässä asettelussa vasemmanpuoleiseen sarakkeeseen sijoitettu kuva näkyy suurena ja hallitsevana, jolloin oikealle puolelle jäävä tekstialue mukautuu sen vierelle:

 

Miltä kuva ja teksti näyttävät 25% / 75% asettelussa

 

Asettelu 50% / 50%:
Jos vaihdat pohjan tasaiseen 50% ja 50% jakoon, sarakkeet ovat yhtä leveät. Tällöin kuva pienenee automaattisesti reunaansa vasten, mutta tekstille ja leipätekstin riveille vapautuu huomattavasti enemmän vaakasuoraa tilaa.

 

Tasaisen 50% / 50% sarakejaon valitseminen

 


 

Ulkoasut sivupalkilla (Vain Verkkokauppa+)

 

Mikäli olet rakentanut verkkokauppaasi hierarkkisen pystysuoran alivalikon (esimerkiksi tuotekategorioita varten), se vaatii erillisen sivupalkin toimiakseen julkisella sivustolla.

 

Saat alivalikon ja sen sivut näkyviin siirtymällä Ulkoasu-ikkunassa välilehdelle "Ulkoasut sivupalkilla" (näkyvissä tämän artikkelin ensimmäisessä kuvassa) ja valitsemalla sieltä yrityksesi tarpeisiin parhaiten sopivan sivupalkillisen mallin.

 

Tärkeä muistutus: Koska ulkoasumuutokset ovat sivukohtaisia, varmista aina ennen asettelun vaihtamista, että olet ohjelmassa juuri sillä sivulla (esim. Verkkokauppa-sivu), jonka asettelua ja sivupalkkia haluat muokata. Muista lopuksi tallentaa ja julkaista muutokset!

Vastasiko tämä kysymykseesi?