Lohkon tyylit ja tyylit­tely

Heidi Rautasalo avatar

Päivitetty viimeeksi:

Avainsanat:

Etusivu » Artikkelit » Lohkon tyylit ja tyylittely

Lähes kaikille WordPress lohkoille on on mahdol­lista määri­tellä tyylejä.

Tyyleillä voit muokata mm. lohkon tekstin väriä, lohkon taus­ta­väriä, lohkon tekstiä, asettaa lohkolle reuna­täy­tettä (padding) sekä margi­naalia. Tyyli asetukset vaih­te­levat lohko kohtai­sesti.

Perus­tyyli asetuk­sien lisäksi lohkoilla voi olla kusto­moi­tuja tyylejä. Nämä ovat yleensä painik­keita ja sijait­sevat ylinnä tyyli asetuk­sissa, niihin asetet­tuja tyylejä voi esikat­sella viemällä hiiren kohdis­timen tyyli-painik­keen päälle.

Tyyli-asetuksia on lohkoilla kahdessa paikassa, pieni osa niistä löytyy lohkon pika-vali­kosta (pop-up valikko ks.kuva ) ja suurin osa oikealla olevasta Lohko ‑vali­kosta (ks.alla oleva kuva kappale-lohkon tyylia­se­tuk­sista). Kolmen pisteen takaa saa esille lisää tyylia­se­tuksia.

kappale lohkon pikavalikko
Pika­va­likko ns. “pop-up ‑valikko”
kappale lohkon tyyliasetukset
Kappale ‑lohkon tyylias­tukset

Lohkon tyylia­se­tuk­sien sijainti

Ryhmä-lohkon tyyliasetukset
Ryhmä-lohkon tyyli asetukset, kuva 1

Lohkon tyylit löytyvät oikean­puolen vali­kosta Lohko kohdan alta. Muuta­milla lohkoilla lohko ‑kohdan alle on eroteltu yleiset asetukset ja tyyli asetukset eril­li­sille väli­leh­dille.

Ratas kohdan alta pystyy sääte­le­mään lohkon yleisiä asetuksia, kuten esim. leveyttä ja tasausta.

Tyyli asetuk­siin pääset klik­kaa­malla musta­val­koi­sella olevaa pallo-kuva­ketta (kuvassa punaisen laatikon sisällä).

Pienem­pien lohkojen tyylia­se­tukset

Kaikilla lohkoilla ei ole eril­listä tyylit-väli­lehteä, vaan lohkon tyylit avau­tuvat suoraan oikeaan valik­koon (ks. kuvat alla.)

Näin on esim. otsikko ja kappale ‑lohkoilla.

Tyylia­se­tukset ja tyylit­tely

Lohkon väri asetuk­sista pystyy muok­kaamaa lohkon tekstin väriä sekä lohkon taustan väriä. Myös linkin värin muok­kaa­minen on mahdol­lista mikäli lohkolle on mahdol­lista laittaa linkki.

Taus­ta­kuvan lisää­minen on mahdol­lista ainakin kansi ja ryhmä ‑lohkoon.

Voit hallita taus­ta­kuvan kokoa, toistoa ja fokus­pis­tettä avaa­malla tausta kohdan lisä­ase­tukset, joihin pääset kolmen pisteen takaa.

Tekstin muotoilu kohdasta pääset suoraan muok­ka­maan lohkon tekstin kokoa ja jälleen lisää tekstin muok­kaus asetuksia saa näky­viin kolmen pisteen takaa.

Sieltä löytyy:

  • fontin vaihtoa,
  • rivin korkeutta,
  • ulkoasun vaihtoa,
  • kirjainten välis­tystä,
  • tehos­tetta
  • aakkos­lajia

koskevat muotoilu vaih­toehdot.

Lohko­väli asetuk­sesta pääset sääte­le­mään lohkon sisällä olevien lohkojen väliä.

Vähim­mäis­kor­keu­della voit säätää lohkon vähim­mäis­kor­keutta.

Mikäli haluat reunat lohkolle (ja valinta on lohkolla valit­ta­vissa) voit säätää reunan paksuuden ja reunan värin sekä reunan kaare­vuuden (säde) reunan asetuk­sista.

HUOM! Lohkoa­se­tukset vaih­te­levat lohko­koh­tai­sesti!! Esimerkki kuvassa käytetty ryhmä lohkoa mallina.

group style settings
Ryhmä lohkon tyylia­se­tukset

Tyylia­setus painik­keet

Tyylia­se­tuksia voi löytyä myös tyylia­setus painik­keiden alta. Tietyissä lohkoissa niitä on jo valmiina tai niitä on voitu kusto­moida ( ks.kuvat ). Tyylia­setus painik­keen tyyliä voi esikat­sella viemällä hiiren kohdis­timen tyylin päälle.

kansi lohkon tyylipainikkeet
Kansi lohkon tyylia­setus painik­keet
kustomoidit tyyli painikkeet
Kusto­moidut tyyli­pai­nik­keet

Kappale ‑lohkon lisä­tyy­lit­tely

Kappale lohkolle löytyy lisää tyylit­tely asetuksia pika-vali­kosta.

Lista alaviite lisää nume­rol­lisen 1 alaviit­teen teks­tille.

Tekstin alaviite toinen vali­kossa lisää alaviit­teen teks­tiin suoraan.

Elementin sisäinen kuva kohdasta pystyy lisää­mään elemen­tille sisäisen kuvan jolle pystyy valit­se­maan leveyden.

Korostus asetuk­sesta voit asettaa teks­tille koros­tuksen valit­se­malla kappa­leesta sanan ja klik­kaa­malla valikon koros­tus­kohtaa ja valit­se­malla koros­tuk­sesta värin millä haluat tekstiä korostaa.

Näiden lisäksi vali­kosta voit muokata tekstiä luomalla siitä:

Näppäimistösyöttöä,
sisäistä koodia,
ylivii­vattua tekstiä
tai luoda teks­tille yläviit­teen.

  1. Alaviite kappale lohkolle josta pääsee kappa­lee­seen klik­kaa­malla nuolta ↩︎
kappale lohkon pikavalikko
Pika­va­likko ns. “pop-up ‑valikko”
Väri asetukset
Kuva 1.
lisäasetukset pikavalikon nuolen alta
Kuva 2.
Jaa artik­keli: