Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Perussivun Rakenne | Perusteiden Ymmärtäminen
Rakenna Kooditon Verkkosivusto WordPressillä

bookPerussivun Rakenne

Seuraava luku kuvaa perussivun rakenteen luomista WordPressissä.

Hyvin jäsennelty sivu helpottaa kävijöitä löytämään tarvitsemansa tiedot. Käyttämällä erilaisia lohkoja voit luoda selkeän asettelun, jossa on tekstiä, kuvia, painikkeita ja muita elementtejä.

Sivun asettelun suunnittelu

Ennen sisällön lisäämistä kannattaa miettiä sivun tavoitetta.

Esimerkiksi etusivulla on yleensä:

  • Otsikko, joka herättää huomion;
  • Lyhyt esittely sivustosta tai yrityksestä;
  • Toimintakehotuspainike (esim. "Aloita" tai "Ota yhteyttä").

Yhteystietosivulla voi olla:

  • Lyhyt viesti tavoista ottaa yhteyttä;
  • Yhteydenottolomake, jonka kautta kävijät voivat lähettää viestejä;
  • Google Maps -lohko, joka näyttää sijaintisi.

Sivun rakenteen suunnittelu auttaa päättämään mitä lohkoja käytetään ja miten ne järjestetään.

Sivun rakentaminen lohkoilla
expand arrow

Hyvin rakennetun sivun luomiseen käytetään erilaisia lohkoja:

  • Otsikkolohko: lisää osioiden otsikot sisällön jäsentelyyn;
  • Kappalelohko: lisää leipätekstiä kuvauksia tai yksityiskohtia varten;
  • Kuvakohko: näyttää valokuvia tai grafiikkaa;
  • Painikelohko: luo klikattavia painikkeita toimintoja varten;
  • Sarakelohko: jakaa sisällön vierekkäisiin osioihin.

Jokaista lohkoa voi muokata väreillä, fonteilla ja väleillä sivun visuaalisen ilmeen parantamiseksi.

Sisällön muotoilu ja säätäminen
expand arrow

Lohkojen lisäämisen jälkeen voit muokata niitä luettavuuden ja ulkoasun parantamiseksi:

  • Järjestä lohkot uudelleen vetämällä niitä eri paikkoihin;
  • Käytä lihavoituja otsikoita korostamaan osioita;
  • Lisää välejä ja jakajia luodaksesi selkeän asettelun;
  • Tasaa kuvat ja tekstit parantaaksesi sivun visuaalista tasapainoa.
Sivun esikatselu
expand arrow

Ennen julkaisua on hyvä esikatsella sivu varmistaaksesi, että kaikki näyttää oikealta.

Toimi näin:

  1. Napsauta Esikatselu-painiketta Block Editorin yläosassa;
  2. Valitse Esikatselu uudessa välilehdessä nähdäksesi, miltä sivu näyttää kävijöille.

Jos jokin vaatii säätöä, voit palata takaisin ja tehdä muutoksia ennen julkaisua.

question mark

Mitä lohkoa käyttäisit luodaksesi osion otsikon sivullesi?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 4

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Awesome!

Completion rate improved to 3.45

bookPerussivun Rakenne

Pyyhkäise näyttääksesi valikon

Seuraava luku kuvaa perussivun rakenteen luomista WordPressissä.

Hyvin jäsennelty sivu helpottaa kävijöitä löytämään tarvitsemansa tiedot. Käyttämällä erilaisia lohkoja voit luoda selkeän asettelun, jossa on tekstiä, kuvia, painikkeita ja muita elementtejä.

Sivun asettelun suunnittelu

Ennen sisällön lisäämistä kannattaa miettiä sivun tavoitetta.

Esimerkiksi etusivulla on yleensä:

  • Otsikko, joka herättää huomion;
  • Lyhyt esittely sivustosta tai yrityksestä;
  • Toimintakehotuspainike (esim. "Aloita" tai "Ota yhteyttä").

Yhteystietosivulla voi olla:

  • Lyhyt viesti tavoista ottaa yhteyttä;
  • Yhteydenottolomake, jonka kautta kävijät voivat lähettää viestejä;
  • Google Maps -lohko, joka näyttää sijaintisi.

Sivun rakenteen suunnittelu auttaa päättämään mitä lohkoja käytetään ja miten ne järjestetään.

Sivun rakentaminen lohkoilla
expand arrow

Hyvin rakennetun sivun luomiseen käytetään erilaisia lohkoja:

  • Otsikkolohko: lisää osioiden otsikot sisällön jäsentelyyn;
  • Kappalelohko: lisää leipätekstiä kuvauksia tai yksityiskohtia varten;
  • Kuvakohko: näyttää valokuvia tai grafiikkaa;
  • Painikelohko: luo klikattavia painikkeita toimintoja varten;
  • Sarakelohko: jakaa sisällön vierekkäisiin osioihin.

Jokaista lohkoa voi muokata väreillä, fonteilla ja väleillä sivun visuaalisen ilmeen parantamiseksi.

Sisällön muotoilu ja säätäminen
expand arrow

Lohkojen lisäämisen jälkeen voit muokata niitä luettavuuden ja ulkoasun parantamiseksi:

  • Järjestä lohkot uudelleen vetämällä niitä eri paikkoihin;
  • Käytä lihavoituja otsikoita korostamaan osioita;
  • Lisää välejä ja jakajia luodaksesi selkeän asettelun;
  • Tasaa kuvat ja tekstit parantaaksesi sivun visuaalista tasapainoa.
Sivun esikatselu
expand arrow

Ennen julkaisua on hyvä esikatsella sivu varmistaaksesi, että kaikki näyttää oikealta.

Toimi näin:

  1. Napsauta Esikatselu-painiketta Block Editorin yläosassa;
  2. Valitse Esikatselu uudessa välilehdessä nähdäksesi, miltä sivu näyttää kävijöille.

Jos jokin vaatii säätöä, voit palata takaisin ja tehdä muutoksia ennen julkaisua.

question mark

Mitä lohkoa käyttäisit luodaksesi osion otsikon sivullesi?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 4
some-alt