Kuvat & media -lohkot

Tämä ryhmä sisältää lohkot, jotka ovat kuvapainotteisia. Käytä niitä, kun haluat esittää useita kuvia kerralla tai yhdistää kuvia tekstisisältöön visuaalisesti vaikuttavalla tavalla.

Galleria

Useamman kuvan kuvagalleria — sopii esimerkiksi tuoteseinämille, kohdekuvauksille tai inspiraatiokuvastoille.

Kentät:

• Kuvien lataus — raahaa kuvat tai klikkaa valitaksesi tiedostot. Lohkossa voi olla 1–10 kuvaa.
• Alt-teksti — jokaiselle kuvalle voit kirjoittaa lyhyen tekstikuvauksen, joka kuvaa sisältöä näkövammaisille kävijöille ja näkyy hakukoneille.

Vinkki: Kirjoita Alt-tekstit. Hyvä alt-teksti kertoo, mitä kuvassa on, esim. "Punainen pellavainen pöytäliina valkoisella pöydällä" — älä toista kauppasi tai osion nimeä.

Kuvaruudukko

Kuvaruudukko, jossa 2–4 saraketta ja jokaisella ruudulla on kuva + tekstisisältö. Sopii esimerkiksi palveluiden esittelyyn, jossa jokaisella kohteella on oma kuva ja kuvausteksti, tai tiimi-jäsenten näyttämiseen.

Kentät:

• Osion otsikko (valinnainen)
• Sarakkeiden määrä — 2, 3 tai 4 (vaikuttaa, montako ruutua näkyy rinnakkain)
• Ruudut — yksi ruutu per sarake:
  • Kuva — raahaa tai valitse tiedosto
  • Tekstisisältö — muotoiltu teksti (otsikot, lihavointi, listat, linkit)

Vinkki: Käytä saman kokoisia ja saman tyylin kuvia samassa ruudukossa, jotta lohko näyttää tasapainoiselta. Esimerkiksi kaikki vaakakuvia tai kaikki neliökuvia.

Karuselli ja teksti

Tekstisisältö ja kuvakaruselli vierekkäin — kuvat selattavassa karusellissa toisella puolella ja tekstipaketti toisella. Tämä lohko on hyvä, kun haluat näyttää useamman kuvan rajoitettuun tilaan ja yhdistää ne vahvaan viestiin.

Kentät:

• Tekstisisältö — muotoiltu teksti (sama editori kuin Tekstisisällössä)
• Karusellikuvat — 2–5 kuvaa. Lisää raahaamalla tai klikkaamalla.
• Alt-teksti — kirjoita kunkin kuvan alle
• Tekstin sijainti — Vasen tai Oikea (määrittää, näkyykö teksti karusellin vasemmalla vai oikealla puolella)

Vinkki: Kun käytät tätä lohkoa palveluiden tai tuotteiden esittelyyn, valitse 3–4 kuvaa. Yli viiden kuvan käyttäminen voi haitata kävijää, joka ei ehdi nähdä kaikkia.

Liittyvät aiheet

• Sisällön muokkaaminen — käytännön työkulku
• Teksti & sisältö -lohkot — tekstilohkot
• Osiot & asettelut -lohkot — sivun rakenteelliset osiot