Osioiden käyttäminen

Lisää valmiita tai tyhjiä osioita sivulle, järjestä, kopioi ja poista niitä sekä muuta osion taustaa, väliä ja leveyttä.

Osio on sivun koko leveydeltä kulkeva kaista, kuten yläosan pääkuva, rivi tuotteita tai toimintakehotus. Jokainen sivun lohko on osion sisällä. Osiot pinoutuvat ylhäältä alas, ja jokaisella on oma taustansa, välinsä ja leveytensä.

Sivun osioiden tarkasteleminen

Rakenne-luettelo vasemmassa sarakkeessa näyttää kaikki muokkaamasi sivun osiot järjestyksessä ja kunkin osion lohkojen määrän. Löydät sen vierittämällä Lohkot-paneelin alapuolelle. Ylätunniste ja Alatunniste näkyvät luettelon alussa ja lopussa.

Rakenne-luettelo, jossa ovat Ylätunniste, kuusi osiota, Alatunniste ja Lisää osio -painike; Kolme tuotetta on valittuna

Napsauta osion nimeä valitaksesi sen. Voit napsauttaa myös osion tyhjää kohtaa sivulla. Oikean reunan asetuspaneeli näyttää silloin kyseisen osion asetukset.

Osion lisääminen

  1. Napsauta Lisää osio Rakenne-luettelon alareunassa tai Lisää osio sivun alareunassa.
  2. Valitse asettelu ikkunassa Lisää osio. Valitse Tyhjä osio, jos haluat aloittaa tyhjästä, tai valmis asettelu, kuten Pääkuva, teksti ja kuva, Kolme ominaisuutta tai Toimintakehotus. Asettelut on ryhmitelty otsikoiden, kuten Ylätunnisteet ja pääkuvat, Sisältö, Media, Toimintakehotukset ja Kauppa, alle.
    Lisää osio -ikkuna, jossa on Tyhjä osio sekä valmiita asetteluja kohdissa Ylätunnisteet ja pääkuvat sekä Sisältö
  3. Uusi osio lisätään sivun loppuun, juuri alatunnisteen yläpuolelle, ja editori vierittää siihen.

Tyhjässä osiossa lukee Vedä lohko tänne aloittaaksesi tämän osion. Vedä lohkoja Lohkot-paneelista. Katso Lisää, siirrä ja muuta lohkojen kokoa. Valmiin asettelun sanat ja kuvat ovat esimerkkejä. Valitse kukin lohko ja korvaa esimerkit omalla sisällölläsi.

Jos muutat mielesi, napsauta ikkunan Peruuta-painiketta.

Osion siirtäminen

Osioiden järjestyksen voi muuttaa kahdella tavalla:

  • Vie hiiren osoitin sivulla osion päälle tai valitse osio ja napsauta sen oikeassa yläkulmassa olevan pienen työkalurivin ylä- tai alanuolta.
  • Rakenne-luettelossa paina osion nimen vasemmalla puolella olevaa pisteillä merkittyä kahvaa, vedä sitä ylös tai alas ja vapauta.
Osion työkalurivi osion oikeassa yläkulmassa, jossa ovat Siirrä ylös, Siirrä alas, Kopioi ja Poista -painikkeet

Ylätunnistetta ja alatunnistetta ei voi siirtää. Ne pysyvät aina ylhäällä ja alhaalla.

Osion kopioiminen

Napsauta osion työkalurivissä Kopioi-painiketta (kaksi päällekkäistä neliötä). Kopio ilmestyy suoraan alkuperäisen alle kaikkine lohkoineen. Voit myös valita osion, avata asetuspaneelista kohdan Hallitse ja napsauttaa Kopioi.

Osion poistaminen

  1. Napsauta osion työkalurivissä Poista-painiketta (roskakori). Voit myös valita osion, avata kohdan Hallitse asetuspaneelista ja napsauttaa Poista.
  2. Jos osiossa on lohkoja, ikkuna pyytää vahvistusta. Napsauta Poista poistaaksesi osion ja kaiken siinä olevan.
    Poista tämä osio -ikkuna, jossa lukee, että Kolme tuotetta -osio sisältää 3 lohkoa, ja Peruuta- ja Poista-painikkeet

Tyhjä osio poistetaan heti. Kummassakin tapauksessa voit palauttaa osion napsauttamalla yläpalkin Kumoa-painiketta tai painamalla Ctrl + Z.

Osion asetusten muuttaminen

  1. Valitse osio.
  2. Avaa asetuspaneelista ryhmä Yleiset napsauttamalla sitä.
    Kolme tuotetta -osion asetukset: nimi, taustaväri, taustakuva, kuvan tummennus, tekstin väri, vähimmäiskorkeus, pystysuuntainen täyte, ruudukon väli ja sisällön leveys
  3. Muuta mitä tahansa näistä asetuksista:
  • Osion nimi: nimi, joka näkyy Rakenne-luettelossa. Vain sinä näet sen, et kävijäsi.
  • Taustaväri: koko osion takana oleva väri. Napsauta värinvalitsimessa Ei mitään poistaaksesi sen.
  • Taustakuva: osion takana oleva kuva. Liitä osoite tai napsauta Lataa kuva ylös tai Selaa ladattuja kuvia. Katso Lisää kuvia ja käytä mediakirjastoa.
  • Kuvan tummennus: tummentaa taustakuvaa, jotta vaalea teksti pysyy luettavana. Sillä on merkitystä vain, kun osiossa on taustakuva.
  • Tekstin väri: osion tekstin väri, ellei lohko aseta omaa väriään.
  • Vähimmäiskorkeus: tekee osiosta vähintään tämän korkean, vaikka siinä olisi vähän sisältöä.
  • Pystysuuntainen täyte: tila lohkojen yläpuolella ja alapuolella.
  • Ruudukon väli: tila lohkojen välissä.
  • Sisällön leveys: kuinka leveälle lohkot saavat levittäytyä. Valitse Tavallinen, Leveä, Kapea tai Koko leveys.
Vinkki: Jos haluat rakentaa pääkuvan, anna osiolle taustakuva, nosta Kuvan tummennus -arvoa ja aseta sen päälle otsikko, teksti ja painike.

Ylätunniste ja alatunniste

Ylätunniste ja alatunniste näkyvät jokaisella sivulla, joten ne eivät kuulu yhdenkään sivun osioihin. Niiden rivien kohdalla Rakenne-luettelossa on lohkomäärän sijaan silmäpainike. Napsauta sitä piilottaaksesi tai näyttääksesi ylätunnisteen tai alatunnisteen koko sivustollasi. Piilotettua ylätunnistetta tai alatunnistetta ei voi valita, ennen kuin näytät sen uudelleen. Jos haluat muuttaa niiden sisältöä, katso Ylätunnisteen ja alatunnisteen muokkaaminen.

Aiheeseen liittyvät artikkelit

Last updated 2026-10-16