Siirry sisältöön

Esimerkkisivu täysleveästä sivusta lohkoilla

Tällä sivulla esitellään, mitä lohkoja kannattaa käyttää täysleveällä sivulla. Samalla näet esimerkit siitä, miltä eri lohkot näyttävät ja miten ne toimivat.

Esimerkkisivu sivunavigaatiosivusta lohkoilla
Piirretty ääriviivakuva vihreästä kirkkorakennuksesta.
Piirretty ääriviivakuva vihreästä kirkkorakennuksesta.
Piirretty ääriviivakuva vihreästä kirkkorakennuksesta.
Piirretty ääriviivakuva vihreästä kirkkorakennuksesta.

Erikoisotsikko

Jonka alla on ingressiteksti.

Päivän sana

Ni känner vår herre Jesu Kristi stora gåva: han, som var rik, blev fattig för er skull, för att ni skulle bli rika genom hans fattigdom.

2 Kor 8:9

Alasivujen listaus

Teksti + Kuva -lohko

Tälle voi valita taustavärin viidestä vaihtoehdosta: oletus (joka perii värinsä sivuston värimaailmasta), sininen, oranssi, vihreä ja valkoinen.

Kuva on tässä lohkossa pakollinen. Voit valita näkyykö kuva tekstin vasemmalla vai oikealla puolella.

Voit myös halutessasi lisätä korostetun linkin lohkon alareunaan. Linkkejä voi tehdä myös tekstin sekaan.

Korostettu linkki
Ruokoja järven rannalla.

Täysleveä kuva

Tässä lohkossa voi halutessaan lisätä ikonin kuvan oikeaan laitaan. Ikonivaihtoehdot ovat kyyhky, ankkuri ja sydän.

Tienviittoja, jotka osoittavat eri suuntiin.

Kuvia voi esittää myös esimerkiksi kuvakarusellin avulla. Kuvakaruselli pyörii automaattisesti, mutta käyttäjä voi itse pysäyttää liikkeen. Kuvakarusellissa ei voi näyttää kuvatekstejä.


Banneri-lohko

Tämän avulla voit näyttävästi nostaa esille asioita. Otsikko ja taustakuva ovat pakollisia kenttiä. Valitse kuvan päälle tarvittaessa värimaski. Värimaski tarvitaan usein, jotta teksti näkyy ja on saavutettava. Voit myös lisätä banneriin linkin. Voit myös lisätä halutessasi ikonin.

Lapsi piirtää pöydän ääressä.

Sisältöhaitariryhmä

Sisältöhaitariryhmän avulla voit esittää isommankin tekstimassan jaoteltuna sopiviin osiin.

Voit tähän lisätä vielä lisää selittävää teksti.

Asia 1

Haitarin sisään voit lisätä tekstiä, otsikon, linkkejä, listan ja kuvan.

Asia 2

Tähän lisätty kuva.

Piirretty ääriviivakuva vihreästä kirkkorakennuksesta.
Asia 3

Näitä ns. haitaripalkkeja voit lisätä oman tarpeen mukaan.

Sitaatti-lohko

Sitaattilohkolle voit valita taustavärin: oletus (periytyy sivuston värimaailmasta), sininen, oranssi ja vihreä. Voit myös halutessasi lisätä ikonin, valittavana on kyyhky, ankkuri, sydän ja Raamattu.

Tähän voi kirjoittaa lähteen

Erilaisia näyttäviä lohkoja

Alla esitelty seuraavat lohkot: ikonilinkit, linkki- ja tekstilaatikot, lista ja kuva sekä polku.

Ikonilinkit

Lista ja kuva -lohko

Tämän lohkon avulla voi näyttävästi esittää erilaisia listoja.

  • Asia 1

    Tähän voi alle kirjoittaa lyhyen selittävän tekstin.

  • Asia 2

    Tähän voi alle kirjoittaa lyhyen selittävän tekstin.

  • Asia 3

  • Asia 4

    Selittävä teksti ei ole pakollinen

  • Asia 5

    Listausmerkiksi voi valita joko sydämen tai checkmarkin. Valinta koskee koko listaa.

  • Asia 6

    Voit myös lisätä lohkoon kuvan ja valita näkyykö se tekstin oikealla vai vasemmalla puolella.

Vihreä checkmark leijuu ilmassa.

Polku-lohko

Polku-lohkolla voit helposti kuvata asioita ja prosesseja, jotka etenevät tietyssä järjestyksessä.

Piirretty ääriviivakuva vihreästä kirkkorakennuksesta.

Askel 1

Tähän voi kirjoittaa lyhyen, selittävän tekstin.

Piirretty ääriviivakuva vihreästä kirkkorakennuksesta.

Askel 2

Kuva ja "askelotsikko" ovat pakollisia kenttiä.

Piirretty ääriviivakuva vihreästä kirkkorakennuksesta.

Askel 3

Voit myös lisätä linkin.

Lukkari-tuki
Piirretty ääriviivakuva vihreästä kirkkorakennuksesta.

Askel 4


Erilaisia nostolohkoja

Lue lisää lohkoista

Sisältönostokortit

Sisältönostokorteilla voit näyttävästi linkata esimerkiksi toisille verkkosivustoille. Voit myös lisätä sisäisiä linkkejä. Lohkoon tulee lisätä linkki. Halutessasi voit myös lisätä kuvan ja lyhyen ingressitekstin.


Toimintalista

Piirretty ääriviivakuva vihreästä kirkkorakennuksesta.

Testitoimintakortti

ma 9.3.2026–pe 31.12.2027

Avaa Sulje

Tähän tulee kuvausteksti.

Avoin Teams-klinikka
Kädet tietokoneen näppäimistöllä.
Avoin Teams-klinikka
Tapahtuma on peruttu Kädet tietokoneen näppäimistöllä.
Avoin Teams-klinikka
Kädet tietokoneen näppäimistöllä.

RSS-syöte


Palstalohkon avulla voit jakaa leveän sivun kahtia. Valittavana on 2:1 tai 1:2 -näkymä.

Palstan sisään voit lisätä erilaisia muita lohkoja.

Lisää esimerkkejä lohkoista löydät sivulta Esimerkkisivu sivunavigaatiosivusta lohkoilla.

Tietokoneen näyttö, jossa on kirjasto.