Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Valikoiden ja Widgetien Luominen | Perusmukautus
Rakenna Kooditon Verkkosivusto WordPressillä

bookValikoiden ja Widgetien Luominen

Starter-mallipohjan tuonnin jälkeen seuraava vaihe on navigointivalikoiden määrittäminen ja widgetien lisääminen käyttäjäkokemuksen parantamiseksi.

Valikoiden ymmärtäminen Astrassa

Starter-mallipohjan tuonti luo automaattisesti esiasetetun navigointivalikon WordPressiin. Tämä valikko sisältää yleensä linkit tärkeille sivuille, kuten Home, About, Services ja Contact.

Valikot ovat kuitenkin joustavia — voit:

  • Muokata olemassa olevia;
  • Luoda uusia valikoita;
  • Asettaa ne eri sijainteihin, kuten yläosaan, alatunnisteeseen tai sivupalkkiin.

Valikot voivat sisältää:

  • Pages: nämä ovat sivuja, jotka on jo luotu WordPress-sivustollesi, kuten "Home", "About" ja "Contact". (Sivut täytyy luoda ensin Pages-osiossa ennen niiden lisäämistä valikkoon);
  • Blog Categories: järjestä blogikirjoitukset aihealueittain, jolloin kävijät voivat selata aiheeseen liittyvää sisältöä;
  • Custom Links: ohjaa kävijöitä ulkoisille verkkosivuille tai tiettyihin sivustosi osiin.

Huomio

Astra tarjoaa joustavat valikkosijaintivaihtoehdot, kuten Primary Menu (ylävalikko), Footer Menu ja Off-Canvas Menu.

Tuodun valikon muokkaaminen
expand arrow

Koska Starter-mallipohjassamme on jo valikko, opitaan seuraavaksi, miten sitä muokataan.

Olemassa olevan valikon muokkaaminen:

  1. Siirry kohtaan Ulkoasu → Valikot;
  2. Valitse Valitse muokattava valikko -pudotusvalikosta Primary Menu;
  3. Napsauta Valitse avataksesi valikon asetukset.

Täällä voit:

  • Lisätä uusia sivuja;
  • Poistaa tarpeettomia linkkejä;
  • Raahata ja pudottaa valikkokohteita järjestyksen muuttamiseksi;
  • Napsauttaa Tallenna valikko tallentaaksesi muutokset.

Sivustosi navigointi heijastaa nyt päivitettyä valikkorakennetta.

Uuden valikon luominen (esimerkki: Footer Menu)
expand arrow

Lisätäksesi toissijaisen navigointivalikon alatunnisteeseen, voidaan luoda uusi valikko ja määrittää se alatunnisteen valikkosijaintiin.

Uuden valikon luominen:

  1. Siirry kohtaan Ulkoasu → Valikot;
  2. Napsauta Luo uusi valikko, nimeä se Footer Menu ja napsauta Luo valikko;
  3. Napsauta Lisää kohteita lisätäksesi linkkejä, kuten:
    • Privacy Policy;
    • Terms & Conditions;
    • Contact Page.
  4. Valitse Footer Menu näyttöpaikaksi;
  5. Napsauta Tallenna valikko.

Vinkki: Footer Menu näkyy nyt verkkosivustosi alatunnisteessa, jolloin kävijät pääsevät helposti tärkeille sivuille.

Widgetien käyttäminen verkkosivuston parantamiseen
expand arrow

Widgetit ovat pieniä sisältölohkoja, jotka lisäävät lisätoiminnallisuutta eri osiin sivustoasi, kuten sivupalkkiin tai alatunnisteeseen.

Yleisiä widget-tyyppejä ovat:

  • Hakupalkki: auttaa kävijöitä löytämään sisältöä helposti;
  • Viimeisimmät artikkelit: näyttää uusimmat blogikirjoitukset;
  • Kategoriat: järjestää sisällön aihealueittain.
Widgetien lisääminen Astrassa
expand arrow

Widgetien lisääminen:

  1. Siirry kohtaan Ulkoasu → Widgetit;
  2. Valitse widget-alue (esim. Sivupalkki, Alatunniste);
  3. Napsauta + (Lisää lohko) -painiketta;
  4. Napsauta Selaa kaikki nähdäksesi kaikki käytettävissä olevat widget-vaihtoehdot;
  5. Napsauta widgetiä lisätäksesi sen valittuun alueeseen;
  6. Napsauta widget-lohkoa mukauttaaksesi sen asetuksia;
    • Esimerkiksi, jos lisäsit Social Icons -lohkon, voit järjestellä, lisätä tai poistaa sosiaalisen median alustoja.
  7. Napsauta Päivitä tallentaaksesi muutokset.

Vinkki: Astrassa widgetit toimivat samalla tavalla kuin aiemmin esitellyt lohkot. Niitä voi mukauttaa, siirtää tai poistaa tarpeen mukaan.

question mark

Kuinka lisäät uuden sivun olemassa olevaan valikkoon WordPressissä?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 3

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

bookValikoiden ja Widgetien Luominen

Pyyhkäise näyttääksesi valikon

Starter-mallipohjan tuonnin jälkeen seuraava vaihe on navigointivalikoiden määrittäminen ja widgetien lisääminen käyttäjäkokemuksen parantamiseksi.

Valikoiden ymmärtäminen Astrassa

Starter-mallipohjan tuonti luo automaattisesti esiasetetun navigointivalikon WordPressiin. Tämä valikko sisältää yleensä linkit tärkeille sivuille, kuten Home, About, Services ja Contact.

Valikot ovat kuitenkin joustavia — voit:

  • Muokata olemassa olevia;
  • Luoda uusia valikoita;
  • Asettaa ne eri sijainteihin, kuten yläosaan, alatunnisteeseen tai sivupalkkiin.

Valikot voivat sisältää:

  • Pages: nämä ovat sivuja, jotka on jo luotu WordPress-sivustollesi, kuten "Home", "About" ja "Contact". (Sivut täytyy luoda ensin Pages-osiossa ennen niiden lisäämistä valikkoon);
  • Blog Categories: järjestä blogikirjoitukset aihealueittain, jolloin kävijät voivat selata aiheeseen liittyvää sisältöä;
  • Custom Links: ohjaa kävijöitä ulkoisille verkkosivuille tai tiettyihin sivustosi osiin.

Huomio

Astra tarjoaa joustavat valikkosijaintivaihtoehdot, kuten Primary Menu (ylävalikko), Footer Menu ja Off-Canvas Menu.

Tuodun valikon muokkaaminen
expand arrow

Koska Starter-mallipohjassamme on jo valikko, opitaan seuraavaksi, miten sitä muokataan.

Olemassa olevan valikon muokkaaminen:

  1. Siirry kohtaan Ulkoasu → Valikot;
  2. Valitse Valitse muokattava valikko -pudotusvalikosta Primary Menu;
  3. Napsauta Valitse avataksesi valikon asetukset.

Täällä voit:

  • Lisätä uusia sivuja;
  • Poistaa tarpeettomia linkkejä;
  • Raahata ja pudottaa valikkokohteita järjestyksen muuttamiseksi;
  • Napsauttaa Tallenna valikko tallentaaksesi muutokset.

Sivustosi navigointi heijastaa nyt päivitettyä valikkorakennetta.

Uuden valikon luominen (esimerkki: Footer Menu)
expand arrow

Lisätäksesi toissijaisen navigointivalikon alatunnisteeseen, voidaan luoda uusi valikko ja määrittää se alatunnisteen valikkosijaintiin.

Uuden valikon luominen:

  1. Siirry kohtaan Ulkoasu → Valikot;
  2. Napsauta Luo uusi valikko, nimeä se Footer Menu ja napsauta Luo valikko;
  3. Napsauta Lisää kohteita lisätäksesi linkkejä, kuten:
    • Privacy Policy;
    • Terms & Conditions;
    • Contact Page.
  4. Valitse Footer Menu näyttöpaikaksi;
  5. Napsauta Tallenna valikko.

Vinkki: Footer Menu näkyy nyt verkkosivustosi alatunnisteessa, jolloin kävijät pääsevät helposti tärkeille sivuille.

Widgetien käyttäminen verkkosivuston parantamiseen
expand arrow

Widgetit ovat pieniä sisältölohkoja, jotka lisäävät lisätoiminnallisuutta eri osiin sivustoasi, kuten sivupalkkiin tai alatunnisteeseen.

Yleisiä widget-tyyppejä ovat:

  • Hakupalkki: auttaa kävijöitä löytämään sisältöä helposti;
  • Viimeisimmät artikkelit: näyttää uusimmat blogikirjoitukset;
  • Kategoriat: järjestää sisällön aihealueittain.
Widgetien lisääminen Astrassa
expand arrow

Widgetien lisääminen:

  1. Siirry kohtaan Ulkoasu → Widgetit;
  2. Valitse widget-alue (esim. Sivupalkki, Alatunniste);
  3. Napsauta + (Lisää lohko) -painiketta;
  4. Napsauta Selaa kaikki nähdäksesi kaikki käytettävissä olevat widget-vaihtoehdot;
  5. Napsauta widgetiä lisätäksesi sen valittuun alueeseen;
  6. Napsauta widget-lohkoa mukauttaaksesi sen asetuksia;
    • Esimerkiksi, jos lisäsit Social Icons -lohkon, voit järjestellä, lisätä tai poistaa sosiaalisen median alustoja.
  7. Napsauta Päivitä tallentaaksesi muutokset.

Vinkki: Astrassa widgetit toimivat samalla tavalla kuin aiemmin esitellyt lohkot. Niitä voi mukauttaa, siirtää tai poistaa tarpeen mukaan.

question mark

Kuinka lisäät uuden sivun olemassa olevaan valikkoon WordPressissä?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 3
some-alt