Lohkot

Etusivulla on mahdollista käyttää WordPressin lohkoeditoria ja luoda sillä vapaasti sisältöä. SDP 2025 teemassa on kehitetty valmiiksi eri lohkoja, joita voidaan ottaa käyttöön haluamasi lohkot lohkoeditorista tiputtamalla ne haluttuun paikkaan. Lohko voi vaatia asetusten tai sisällön syöttämistä valinnan jälkeen.

Teemaan kehitettyjä lohkoja ovat:

Herolohkon muokkaus

1. Lisää herolohko sivullesi sivuston muokkausnäkymässä sinisestä + -merkistä.
2. Aktivoimalla heron kuvan pystyt muokata sitä klikkaamalla näkyviin tulevaa ”Korvaa” painiketta, voit ladata uuden kuvan suoraan tietokoneeltasi, valita kuvan mediakirjastosta, käyttää artikkelikuvaa tai nollata kuvan.
3. Lisää herollesi otsikko ja kuvaus aktivoimalla tekstit.
4. Pystyt lisätä linkkilaatikoihin linkkejä aktivoimalla laatikon ja laittamalla linkin näkyviin tulevaan kirjoituskenttään. Voit muokata linkistä ”nofollow”-linkin ja laittaa linkin avautumaan uuteen välilehteen klikkaamalla näkyvissä olevaa kynää.
5. Voit myös muokata linkkilaatikoiden tekstejä aktivoimalla tekstin.
6. Pääset lohkon asetuksiin ”Asetukset” kohdasta oikeassa yläkulmassa.
7. Asetuksissa voit:
   • Muokata asettelua
   • Tehdä taustasta kiinteän
   • Tehdä taustasta toistuvan
   • Valita kuvan keskipisteen
8. Tyylit kohdassa voit:
   • Muokata värejä
   • Muokata peitteen läpinäkyvyyttä
   • Muokata tekstien muotoilua
   • Muokata mittoja
   • Muokata kuvasuhdetta
   • Muokata reunusta ja varjoja
9. Lopuksi tallenna muutoksesi.

Haitarivalikon muokkaus

1. Lisää haitarilohko

• Avaa sivuston muokkausnäkymä.
• Klikkaa sinistä + -merkkiä ja valitse haitarilohko.

2. Lisää sisältö

• Anna lohkolle otsikko ja väliotsikko.
• Lisää sisältö kirjoittamalla tai lisäämällä uusi lohko:
  • Aktivoi vaihe ja klikkaa näkyviin tulevaa + -merkkiä.

3. Muokkaa asetuksia

• Aktivoi koko lohko ja siirry oikean yläkulman ”Asetukset”-kohtaan.
• Valitse alaotsikon tunniste.
• Muuta väriasetuksia.

4. Lisää uusia vaiheita

• Aktivoi koko lohko ja klikkaa + -merkkiä lisätäksesi uuden vaiheen.

5. Tallenna muutokset.

Vaiheistuslohkon muokkaus

1. Lisää vaiheistuslohko

1. Avaa sivuston muokkausnäkymä.
2. Klikkaa sinistä ”+” -merkkiä.
3. Valitse ”Vaiheistuslohko”.

2. Lisää sisältö

– Anna lohkolle otsikko ja väliotsikko
– Lisää sisältöä joko kirjoittamalla tai lisäämällä uusi lohko:

• Aktivoi haluamasi vaihe.
• Klikkaa näkyviin tulevaa ”+” -merkkiä ja lisää sisältö.

3. Lisää uusia vaiheita

– Aktivoi koko lohko.
– Paina ”+” -merkkiä lisätäksesi uuden vaiheen.

4. Muokkaa asetuksia

Siirry ”Asetukset”-kohtaan oikeasta yläkulmasta ja tee tarvittavat muutokset:

– Näytä tai piilota vaihelinja.
– Määritä otsikkotunniste (esim. H2, H3).
– Säädä väriasetuksia ja ulkoasua.

5. Tallenna muutokset

– Klikkaa ”Tallenna” tai ”Päivitä”, jotta muutokset tallentuvat.

Huomiolohkon muokkaus

1. Lisää huomiolohko

• Avaa sivuston muokkausnäkymä.
• Klikkaa sinistä ”+” -merkkiä.
• Valitse ”Huomiolohko”.

2. Lisää sisältö

• Anna lohkolle otsikko ja sisältö.

3. Muokkaa asetuksia

• Siirry oikean yläkulman ”Asetukset”-kohtaan.
• Valitse, haluatko näyttää ilmoituksen sivulla.
• Määritä ilmoituksen tyyppi (esim. varoitus, info, onnistuminen).

4. Muokkaa SVG-ikoni

• Aktivoi SVG-ikoni lohkossa.
• Siirry asetuksiin ja lataa uusi SVG-ikoni tai valitse valmiista vaihtoehdoista.
• Säädä SVG-ikonin kokoa kohdasta ”SVG:n koko”.

5. Tallenna muutokset

• Klikkaa ”Tallenna” tai ”Päivitä”, jotta muutokset tallentuvat.

Linkkilaatikotlohkon muokkaus

1. Lisää linkkilaatikkolohko

• Avaa sivuston muokkausnäkymä.
• Klikkaa sinistä ”+” -merkkiä.
• Valitse ”Linkkilaatikkolohko”.

2. Muokkaa laatikon kuvaa

• Aktivoi laatikko ja klikkaa ”Korvaa”.
• Lataa uusi kuva tietokoneeltasi, valitse kuva mediakirjastosta tai nollaa kuva.

3. Muokkaa SVG-ikonia

• Aktivoi SVG-ikoni lohkossa.
• Siirry asetuksiin oikeasta yläkulmasta valitsemalla ”Asetukset”.

4. Lisää otsikko ja sisältö laatikoille

• Lisää otsikko ja sisältö haluamasi laatikoihin.

5. Muokkaa koko laatikkoa

• Aktivoi laatikko ja mene asetuksiin muokataksesi sen asettelua.

6. Muokkaa tyyliasetuksia

• Siirry tyylien asetuksiin ja säädä seuraavia asetuksia:
  • Värit
  • Tekstin muotoilu
  • Mitat
  • Reunukset
  • Varjot

7. Poista laatikko

• Aktivoi laatikko ja poista se.
• Jäljelle jäävät laatikot asettuvat automaattisesti symmetrisesti.

8. Tallenna muutokset

• Klikkaa ”Tallenna” tai ”Päivitä”, jotta muutokset tallentuvat.

Sitaattilohkon muokkaus

1. Lisää sitaattilohko

1. Avaa sivuston muokkausnäkymä.
2. Klikkaa sinistä ”+” -merkkiä.
3. Valitse ”Sitaattilohko” lisättäväksi sivulle.

2. Lisää sisältö ja kirjoittaja

1. Kirjoita sitaatin sisältö.
2. Lisää kirjoittajan nimi.

3. Muokkaa SVG-ikonia

1. Aktivoi lohko klikkaamalla sitä.
2. Mene asetuksiin oikeasta yläkulmasta.
3. Muokkaa seuraavia asetuksia:
   • SVG:n koko
   • SVG:n sijainti
   • Sisällön sijainti
   • SVG:n väri

4. Tallenna muutokset

• Klikkaa ”Tallenna” tai ”Päivitä”, jotta muutokset tallentuvat.

Ryhmäsitaattilohkon muokkaus

1. Lisää ryhmäsitaattilohko

1. Avaa sivuston muokkausnäkymä.
2. Klikkaa sinistä ”+” -merkkiä lisätäksesi uuden lohkon.
3. Valitse ”Ryhmäsitaattilohko” lisättäväksi sivulle.

2. Muokkaa sisältöä

1. Anna lohkolle otsikko.
2. Lisää sitaatit, kirjoita niiden sisältö ja kirjoittajan nimi.

3. Muokkaa sitaatteja

1. Aktivoi sitaatti klikkaamalla sitä.
2. Muokkaa SVG-ikonia tarpeen mukaan.
3. Poista sitaatti:
   • Aktivoi sitaatti.
   • Klikkaa kolmea pistettä.
   • Valitse ”Poista”.
4. Uusi sitaatti asettuu automaattisesti symmetrisesti.

4. Muokkaa asetuksia

1. Avaa asetukset oikeasta yläkulmasta.
2. Lisää sarakkeita ja määritä, menevätkö ne pinoksi mobiililaitteella.

5. Muokkaa ulkoasua

Siirry tyyliasetuksiin, joissa voit muuttaa:
– Värit
– Tekstin muotoilun
– Mitat ja reunukset
– Varjot

6. Tallenna muutokset

✔ Klikkaa ”Tallenna” tai ”Päivitä”, jotta muutokset tallentuvat.

Ikonilohkon muokkaus

1. Lisää ikonilohko

1. Avaa sivuston muokkausnäkymä.
2. Klikkaa sinistä ”+” -merkkiä lisätäksesi uuden lohkon.
3. Valitse ”Ikonilohko” lisättäväksi sivulle.

2. Muokkaa ikonia

1. Siirry lohkosetuksiin.
2. Valitse haluamasi SVG-ikoni ikonikirjastosta.
3. Säädä ikonin koko, jotta se sopii sivun tyyliin.

3. Tallenna muutokset

• Klikkaa ”Tallenna” tai ”Päivitä”, jotta muutokset tallentuvat.

Julkaisunostolohkon muokkaus

1. Lisää julkaisujennostolohko

1. Avaa sivuston muokkausnäkymä.
2. Klikkaa vasemman yläkulman ”+” -merkkiä.
3. Valitse ”Julkaisujennostolohko” lisättäväksi sivulle.

2. Muokkaa lohkon asetuksia

Siirry lohkon asetuksiin ja säädä seuraavat asetukset:

• Tyyli – valitse lohkon ulkoasu.
• Kirjoittajan näkyvyys – haluatko näyttää artikkelin kirjoittajan nimen.
• Päivämäärän näkyvyys – näytetäänkö julkaisupäivämäärä.
• Sisällön määrä – määritä, kuinka paljon tekstiä näkyy.
• ”Lisää”-painike – valitse, näytetäänkö lue lisää -linkki.
• Rivien määrä – säädä tekstin näkyvyyden pituutta.
• Marginaalit – muokkaa lohkon tilaa suhteessa muihin elementteihin.
• Järjestys – sijoita lohko sivulle haluamallasi tavalla.
• Näytettävien kohteiden määrä – valitse, kuinka monta julkaisua nostetaan esiin.
• Artikkelin kiinnitys – kiinnitä tietty artikkeli nostoksi otsikon perusteella.
• Otsikon alleviivaus – päätä, haluatko pääotsikon alleviivattuna.

3. Tallenna muutokset

Kun olet tehnyt haluamasi muokkaukset, muista tallentaa työsi:

• Klikkaa ”Tallenna” tai ”Päivitä”, jotta muutokset tulevat voimaan.

Kirjoittajatlohkon muokkaus

1. Lisää kirjoittajatlohko

1. Avaa sivuston muokkausnäkymä.
2. Klikkaa sinistä ”+” -merkkiä.
3. Valitse ”Kirjoittajatlohko”.

2. Muokkaa lohkon asetuksia

Siirry lohkon asetuksiin ja säädä seuraavia asetuksia:

Visuaaliset asetukset:

• Valitse haluamasi SVG-ikoni.
• Valitse näytetäänkö kuva.
• Määritä väriasetukset.

Sisältöasetukset:

• Valitse sisällön määrä.
• Valitse näytetäänkö päivämäärä.
• Valitse näytetäänkö kirjoittaja.
• Valitse näytetäänkö otsikko.

Järjestely ja suodatus:

• Valitse järjestelytapa (esim. uusimmat ensin).
• Valitse kategoria.
• Määritä kohteiden lukumäärä.
• Valitse tietyt kirjoittajat tarvittaessa.

3. Tallenna muutokset

✔ Klikkaa ”Tallenna” tai ”Päivitä”, jotta muutokset tallentuvat.

Artikkelinkiinnityslohkon muokkaus

1. Lisää artikkelinkiinnityslohko

1. Avaa sivuston muokkausnäkymä.
2. Klikkaa sinistä ”+” -merkkiä.
3. Valitse ”Artikkelinkiinnityslohko”.
4. Anna lohkolle otsikko.

2. Muokkaa lohkon asetuksia

Siirry lohkon asetuksiin ja säädä seuraavia asetuksia:

Ulkoasu ja sisältö:

• Valitse lohkon tyyli (esim. klassinen, moderni).
• Määritä kuvan sijainti (vasemmalla/oikealla).
• Valitse, näytetäänkö otsikko.
• Määritä sisällön määrä.

Järjestely ja suodatus:

• Valitse järjestystapa (esim. uusimmat ensin).
• Määritä kategoria.
• Kiinnitä artikkeli otsikon mukaan.

Väriasetukset:

• Muokkaa lohkon värejä haluamallasi tavalla.

3. Tallenna muutokset

Klikkaa ”Tallenna” tai ”Päivitä”, jotta muutokset tallentuvat.

Video upotus

1. Lisää Video-lohko

1. Avaa sivun muokkaustila.
2. Klikkaa ”+” -painiketta vasemmassa yläkulmassa.
3. Valitse ”Video”-lohko.

2. Lisää video

Voit lisätä videon kolmella eri tavalla:

• Tietokoneelta – siirrä videotiedosto suoraan lohkoon.
• Mediakirjastosta – valitse jo aiemmin ladattu video.
• URL-osoitteella – upota esim. YouTube linkki.

3. Muokkaa videon asetuksia

Pääset videon asetuksiin klikkaamalla ”Asetukset” oikeasta yläkulmasta.

Asetuksissa voit:
🔹 Automaattinen toisto – käynnistyykö video automaattisesti.
🔹 Silmukka – toistuuko video loputtomasti.
🔹 Äänenhallinta – onko video vaimennettu.
🔹 Toiston ohjaimet – näytetäänkö play/pause-painikkeet (suositeltavaa).
🔹 Taustavideo – toistetaanko video taustalla ilman ohjaimia.
🔹 Esilataus – valitse, miten video ladataan ennen katselua.
🔹 Pikkukuva – määritä esikatselukuva ennen videon käynnistymistä.

4. Tallenna muutokset

Kun olet valmis, muista painaa ”Tallenna” tai ”Päivitä”, jotta muutokset tulevat voimaan.

Alla ohjevideo:

RSS- syöte lohkon muokkaus

1. Lisää RSS- syötelohko sivuston muokkausnäkymässä sinisestä + -merkistä.
2. Lohkon asetuksissa pystyt muokkaamaan asioita kuten:
   • Lohkon tyyliä
   • Lisätä RSS-syötteen linkin
   • Valita uutisten määrän
   • Valita näyttäänkö päivämäärä ja aika.
   • Muokata väriasetuksia
3. Lopuksi tallenna muutoksesi.

Single event-lohkon muokkaus

1. Lisää Single Event -lohko

1. Avaa sivuston muokkausnäkymä.
2. Klikkaa sinistä ”+” -merkkiä.
3. Valitse ”Single Event” -lohko.

2. Muokkaa lohkon asetuksia

Siirry lohkon asetuksiin ja tee tarvittavat muutokset:

Valitse näytettävä tapahtuma:

• Etsi ja valitse tapahtuma tapahtuman otsikon avulla.

Muokkaa ulkoasua:

• Säädä väriasetuksia ja muita tyylivalintoja.

3. Tallenna muutokset

Klikkaa ”Tallenna” tai ”Päivitä”, jotta muutokset tallentuvat.