Kako da pronađem CSS klasu elementa koji želim da stilizujem?
U WordPress-u, pronalaženje CSS klase elementa je jednostavan proces koristeći alate u web pregledaču, poput Inspect Element funkcije. Ovo je klasični pristup za stilizovanje elemenata u temama i dizajnu.
Koraci za pronalaženje CSS klase:
- Otvori svoj WordPress sajt u web pregledaču (preporučeno: Google Chrome, Firefox ili Edge).
- Pomeri miš na element koji želiš da stilizuješ (npr. dugme, naslov ili sliku).
- Desni klik na element i izaberi opciju Inspect ili Inspect Element (kratkoća: Ctrl + Shift + I za otvaranje Developer Tools).
- U otvorenom panelu Developer Tools, vidiš HTML strukturu stranice. Element je istaknut – potraži atribut class u HTML tagu (npr.
<div class="moja-klasa">). - Kopiraj naziv klase (npr.
moja-klasa) i koristi ga u CSS-u za stilizovanje, poput.moja-klasa { color: red; }.
Dodatni saveti za WordPress:
- Dodaj prilagođeni CSS u Appearance > Customize > Additional CSS u WordPress admin panelu.
- Ako koristiš child temu, stilovi se neće izgubiti pri ažuriranjima.
- Za brže učitavanje, optimizuj CSS – WP Host hosting sa LiteSpeed serverima i NVMe SSD-ovima pomaže u performansama sajta.
Ako trebaš premium teme ili pluginove poput Elementor Pro za lakše stilizovanje, WP Host nudi preko 350 besplatnih premium dodataka sa svakim WordPress hosting paketom.