Osio-elementti on hyödyllinen työkalu sivun sisällön rakentamiseen lohko lohkolta. Valitse valmiista osioista ja muokkaa helposti kuvia, värejä ja taustoja.
Vaihe 1
Siirry Editoriin ja valitse Design (Malli).
Vaihe 2
Selaa valmiiksi asetettuja Osio-kategorioita ja valitse yksi lisätäksesi sen verkkosivustoosi.
Vaihe 3
Valitsemasi osion elementit lisätään automaattisesti verkkosivustoosi. Voit muokata näitä helposti klikkaamalla niitä.
Vaihe 4
Voit myös säätää osion asetuksia:
Valitse taustaväri klikkaamalla yhtä värillisistä ympyröistä. Nämä värit perustuvat verkkosivustollesi määritettyyn palettiin, jotta yhtenäisyys säilyy. Käytä asetuskuvaketta (ratas) säätääksesi osion leveydeksi S (pieni), M (keskikokoinen) tai L (suuri).
Vaihtoehto: kuvatausta
Jos lisäät kuvataustan, voit klikata kuvan kuvaketta harmaalla työkalupalkilla ja säätää värin tummaksi tai vaaleaksi. Tausta-vaihtoehdon ottaminen käyttöön parantaa kuvan päällä olevan tekstin luettavuutta. Voit tietenkin vaihtaa kuvan toiseen, jos et ole tyytyväinen siihen, miltä se näyttää!
Esimerkiksi Palvelut-osio (jota käytetään myös esimerkkinä yllä) voisi näyttää tältä, kun kuvana on tausta:
Vaihe 5
Jos haluat laajentaa sivua vielä useammilla osioilla, voit klikata plus (+) -painiketta nykyisen osion alareunassa. Jokaisen uuden osion myötä voit noudattaa yllä olevia vaiheita uudelleen ja mukauttaa sen.
Kuinka tehdä siksak-asettelu
Kun haluat tehdä siksak-asettelun, jossa on kaksi erilaista kuvaa ja eri väriset tekstilohkot, aloita lisäämällä kaksi osiota päällekkäin. Ylimmässä osiossa kuvan tulisi olla vasemmalla, kun taas alemmassa osiossa kuva on oikealla (tai päinvastoin). Voit valita värin molemmille lohkoille. Mobiilissa nämä lohkot näytetään siististi päällekkäin.
✔ Vinkki: Jos lisäät sivulle eri osioita, voit määrittää vuorottelevat värilliset lohkot. Tee tämä vuorottelemalla osioita sivun vakiotaustavärillä ja yhdellä muulla värillä. Sen pitäisi näyttää jotakuinkin tältä: