Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Verkkosivuston Ulkoasun Mukauttaminen | Täydellisen Verkkosivuston Rakentaminen Alusta Alkaen
Rakenna Kooditon Verkkosivusto WordPressillä

bookVerkkosivuston Ulkoasun Mukauttaminen

Teeman asentamisen ja aloituspohjan tuonnin jälkeen on aika mukauttaa verkkosivustoasi niin, että se heijastaa brändiäsi ja sisältöäsi.

WordPressin mukautustyökalun käyttäminen
expand arrow

WordPressin mukautustyökalu mahdollistaa sivustosi ulkoasun muokkaamisen reaaliajassa ja muutosten näkemisen välittömästi.

Näin pääset siihen käsiksi:

  • Siirry Ulkoasu → Mukauta WordPress-hallintapaneelista;
  • Mukautustyökalu avautuu, ja oikealla näet sivustosi esikatselun sekä vasemmalla asetusvalikon.

Mukautustyökalun vaihtoehdot vaihtelevat käytössä olevan teeman mukaan. Kun käytät Astra-teemaa ja aloituspohjaa, seuraavat vaihtoehdot ovat yleensä saatavilla:

  • Yleisasetukset: säädä fontteja, värejä ja säiliön leveyttä;
  • Ylätunnisteen ja alatunnisteen rakentaja: muokkaa sivuston ylä- ja alaosaa;
  • Valikot ja vimpaimet: hallitse navigointia ja sivupalkin elementtejä.

Sinun ei tarvitse tutkia kaikkia asetuksia nyt—keskity vain perusasioihin.

Ensisijaisten elementtien säätäminen
expand arrow

Nämä ovat tärkeimmät kohdat, joihin kannattaa kiinnittää huomiota sivuston ulkoasua muokatessa:

1. Värit ja typografia

  • Siirry kohtaan Yleinen → Värit vaihtaaksesi taustan, tekstin ja linkkien värejä;
  • Siirry kohtaan Yleinen → Typografia määrittääksesi otsikoiden ja leipätekstin fontit ja koot.

2. Ylätunniste ja alatunniste

  • Napsauta Ylätunnisteen rakentaja tai Alatunnisteen rakentaja mukautustyökalussa;
  • Näet visuaalisen asettelun, jossa voit napsauttaa eri osia (logo, valikko, sosiaalisen median kuvakkeet jne.) muokataksesi niitä;
  • Voit myös poistaa tai järjestellä elementtejä uudelleen vetämällä niitä uusiin paikkoihin.
Logon ja faviconin lisääminen
expand arrow

Jos et ladannut logoasi aloituspohjaa tuodessasi, voit tehdä sen nyt.

Logon päivittäminen:

  1. Siirry kohtaan Ylätunnisteen rakentaja → Sivuston nimi & logo;
  2. Napsauta Valitse logo ja lataa kuvasi (mieluiten PNG, jossa on läpinäkyvä tausta).

Faviconin (selaimen välilehden kuvake) lisääminen:

  1. Siirry kohtaan Yleisasetukset → Sivuston identiteetti;
  2. Sivuston kuvake -kohdassa lataa neliönmuotoinen kuva (suositus 512x512 pikseliä).
Muutosten tallentaminen
expand arrow

Kun olet tyytyväinen muutoksiin, napsauta Julkaise-painiketta mukautustyökalun yläosassa tallentaaksesi kaikki muutokset.

question mark

Mikä on favicon WordPressissä?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 7. Luku 2

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

bookVerkkosivuston Ulkoasun Mukauttaminen

Pyyhkäise näyttääksesi valikon

Teeman asentamisen ja aloituspohjan tuonnin jälkeen on aika mukauttaa verkkosivustoasi niin, että se heijastaa brändiäsi ja sisältöäsi.

WordPressin mukautustyökalun käyttäminen
expand arrow

WordPressin mukautustyökalu mahdollistaa sivustosi ulkoasun muokkaamisen reaaliajassa ja muutosten näkemisen välittömästi.

Näin pääset siihen käsiksi:

  • Siirry Ulkoasu → Mukauta WordPress-hallintapaneelista;
  • Mukautustyökalu avautuu, ja oikealla näet sivustosi esikatselun sekä vasemmalla asetusvalikon.

Mukautustyökalun vaihtoehdot vaihtelevat käytössä olevan teeman mukaan. Kun käytät Astra-teemaa ja aloituspohjaa, seuraavat vaihtoehdot ovat yleensä saatavilla:

  • Yleisasetukset: säädä fontteja, värejä ja säiliön leveyttä;
  • Ylätunnisteen ja alatunnisteen rakentaja: muokkaa sivuston ylä- ja alaosaa;
  • Valikot ja vimpaimet: hallitse navigointia ja sivupalkin elementtejä.

Sinun ei tarvitse tutkia kaikkia asetuksia nyt—keskity vain perusasioihin.

Ensisijaisten elementtien säätäminen
expand arrow

Nämä ovat tärkeimmät kohdat, joihin kannattaa kiinnittää huomiota sivuston ulkoasua muokatessa:

1. Värit ja typografia

  • Siirry kohtaan Yleinen → Värit vaihtaaksesi taustan, tekstin ja linkkien värejä;
  • Siirry kohtaan Yleinen → Typografia määrittääksesi otsikoiden ja leipätekstin fontit ja koot.

2. Ylätunniste ja alatunniste

  • Napsauta Ylätunnisteen rakentaja tai Alatunnisteen rakentaja mukautustyökalussa;
  • Näet visuaalisen asettelun, jossa voit napsauttaa eri osia (logo, valikko, sosiaalisen median kuvakkeet jne.) muokataksesi niitä;
  • Voit myös poistaa tai järjestellä elementtejä uudelleen vetämällä niitä uusiin paikkoihin.
Logon ja faviconin lisääminen
expand arrow

Jos et ladannut logoasi aloituspohjaa tuodessasi, voit tehdä sen nyt.

Logon päivittäminen:

  1. Siirry kohtaan Ylätunnisteen rakentaja → Sivuston nimi & logo;
  2. Napsauta Valitse logo ja lataa kuvasi (mieluiten PNG, jossa on läpinäkyvä tausta).

Faviconin (selaimen välilehden kuvake) lisääminen:

  1. Siirry kohtaan Yleisasetukset → Sivuston identiteetti;
  2. Sivuston kuvake -kohdassa lataa neliönmuotoinen kuva (suositus 512x512 pikseliä).
Muutosten tallentaminen
expand arrow

Kun olet tyytyväinen muutoksiin, napsauta Julkaise-painiketta mukautustyökalun yläosassa tallentaaksesi kaikki muutokset.

question mark

Mikä on favicon WordPressissä?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 7. Luku 2
some-alt