Kako promeniti font i veličinu slova na WordPress blogu ? | BLOGER FEST
Blog zajednica za ceo Balkan
change-font-size-wp-blog-wordpress-2020

Promeniti veličinu slova odnosno fonta u WordPressu je zaista lako. Sve ćete saznati u ovom postu. Objasnićemo ti kako da promeniš veličinu slova i podnaslova uz pomoć plugina i CSS koda.

Promeni veličinu slova kroz Block Editor

Ovaj editor je sada već u 2020. default na svakom WordPress blogu. Ako nemaš najnoviju WP verziju savetujemo da odmah ažuriraš svoj blog.

Kako da promeniš veličinu? Selektuješ tekst i sa desne strane imaš opciju „Preset size“ a do nje opciju „Custom“ u prvom polju možeš da odabereš veličinu a u drugom uneseš željenu veličinu slova u pixelima.

Promeni veličinu slova uz pomoć „TinyMCE Advanced“ plugina

WordPress plugin TinyMCE Advanced je FREE i uz pomoć njega možeš lako menjati font. Potrebno je samo da instaliraš plugin kroz svoj WP dashboard, a to radiš u levom meniju Plugins > Add New .

TinyMCE-Advanced-wp-plugin

Mala napomena: „da bi mogla da koristiš ovaj plugin, obzirom da je default-ni wordrpess editor „Block Editor (Gutenberg) „potrebno je da ga vratitš u stari editor, a to radiš tako što dodaš plugin koji se zove „Classic Editor“ naravno i on je potpuno free.

classic-editor-plugin-free

Classic Editor plugin će ti novi Block Editor pretvoriti u Classic Editor kao na slici ispod.

Selektuješ željeni tekst i možeš izabrati veličinu fonta, lako u samo dva klika. Lako zar ne?!

Promeni font dodavanjem CSS koda

Iako je upotreba plugina vrlo laka metoda, savetujemo da neke sitne stvari radiš u kodu jer manje zauzimaju prostora i manje usporavaju tvoj blog.

Kako da dodaš CSS kod kad nisi programer? Ovaj kod nije teško dodati, samo prati korake ispod.

Potrebno je da u Dashboard zatim u levom meniju odabereš Appearance > Customize. Otvoriće vam se customizer live editor i u meniju skroz dole kliknete na opciju Additional CSS gde samo dodate CSS kod.

Evo nekih CSS kodova koje možete da koristite da promenite veličinu fonta. Samo ih dodaš u CSS polje i sačuvaš, ako ti se ne dopada obrišeš i sačuvaš i sve je kao pre.

#1 da promeniš kompletan tekst dodaj:

    body {
    font-size: 1.25rem;
    }

#2 da promeniš samo paragraf veličinu dodaj:

    p {
    font-size: 25px;
    }

#3 da promeniš neki od naslova kao što su H2, H3, H4 dodaj sledeći kod

    h2 {
    font-size: 2.5em;
    }

#4 da promeniš font Footera

    .footer {
    font-size: 150%;
    }

CSS stilovi omogućavaju četiri različite jedinice kojima mere veličinu teksta:

  • Em (em). Ovo je jedinica koja se koristi u dokumentima veb medija. 1em je jednak 12 bodova.
  • Pixels (px). Ovo je jedinica koja se koristi u ekranima, 1px jednako je 1 tačka na ekranu računara.
  • Points (pt). Ova jedinica je namenjena tradicionalnim štampanim medijima. 1 bod je jednak 1/72 inča.
  • Percent (%). Zadana vrednost je 100% koja će se promeniti nakon uvećanja ili smanjivanja.

Kako da promeniš font u WordPress-u ?

Instaliraš plugin Easy Google Fonts i kroz Customize live editor dobijaš novu opciju u kojoj možeš da menjaš font odnosno izabereš od nekoliko stotina fontova na guglu. Klikom na Font Family biraš „glavni“ font bloga.

Ako imaš bilo kakvih nedoumica piši nam. Tu smo da pomognemo.

Podeli sa prijateljima:

Autor: BLOGER FEST

BLOGER FEST je posvećen svim blogerima i instablogerima na Balkanu. Zabavno-edukativnog karaktera je i ima za cilj da pomogne blogerima da ostvare svoj san.

bf kartica

bfkarticabanner

blogovanje

kako poceti blog zaraditi blog

Kategorije

Newsletter

Počni odmah

zarada od bloga?

korisno za tvoj blog

saveti-za-blog-ideje-korisni-saveti

nauči wordpress

wp-korak-po-korak-ebook-vodic