Uusissa WordPressin lohko- eli FSE-teemoissa (Full Site Editing) voit hallita fontteja suoraan sivuston editorin kautta — ilman lisäosia tai koodia. Näin voit helposti valita Google-fontin sivustosi otsikoihin, tekstiin ja muihin elementteihin.
Tämä ohje toimii kaikissa moderneissa lohkoteemoissa (FSE-teemat), kuten Twenty Twenty-Five tai Luuptekin oma Blocksmith.
1. Avaa sivuston editori
- Kirjaudu WordPress-hallintapaneeliin.
- Valitse valikosta Ulkoasu → Editori.
- Tämä avaa ns. Full Site Editorin, jossa voit muokata koko sivuston ulkoasua.
2. Avaa fonttien hallinta
- Klikkaa vasemman puolen valikosta yläkulman “Tyylit” (Styles) -painiketta ⚫⚪.
- Valitse avautuvasta valikosta Tekstin muotoilu (Typography).
- Näet nyt listan käytössä olevista fonteista.
3. Valitse ja lisää Google-fontti
- Klikkaa fontti-listan yläosassa olevaa filtteri-painiketta
- Tämä avaa fontit-ikkunan.
- Klikkaa ”Asenna fontteja”-painiketta/välilehteä.
- Tässä kohdin sinun tulee sallia pääsy Googlen fonttikirjastoon.
- Kun olet antanut luvan, voit etsiä fontteja ja asentaa niitä sivustolle.
- Yleensä kahden fontin asennus on riittävä (otsikko- ja leipätekstifontti).
- Asenna vain tarvittavat fonttileikkaukset.
- Kun olet asentanut uudet fontit, voit sulkea Fontit-ikkunan
4. Ota uudet fontit käyttöön
Aseta juuri asennetut fontit käyttöön esimerkiksi otsikoihin ja leipätekstiin seuraavasti.
- Klikkaa ”Elementit”-osion alla ”Teksti”.
- Tekstin muotoilu leipätekstille avautuu.
- Vaihda fonttia kohdasta ”Fontti”.
- Voit myös vaihtaa muita tekstin määritteitä kuten fontin leikkausta.
- Tee halutessasi muutokset otsikoille ja mahdollisesti myös muille elementeille.
Näet kaikki muutokset reaaliajassa. Kun olet tyytyväinen, klikkaa alaosassa olevaa ”Tarkista muutokset”-painiketta ja tallenna.
Luuptek vinkkaa:
Pidä sivusto kevyenä ja nopeana: käytä vain niitä fontteja ja leikkauksia, joita todella tarvitset.
Yksi fontti leipätekstille ja toinen otsikoille riittää useimmissa tapauksissa.
