WordPress je konačno vratio mogućnost dodavanja prilagođenog CSS-a na vašu web stranicu izdanjem WordPressa 6.2! U ovom članku pomoći, pokazat ću vam kako brzo dodati prilagođeni CSS na bilo koje web mjesto pomoću najnovije verzije WordPressa, besplatne CMS platforme i web dizajnera otvorenog koda.

Ova metoda također radi s novijim verzijama, uključujući WordPress 6.3, 6.4, 6.5, 6.6 itd.

Korak 1: Dođite do uređivača web-mjesta

Možete pristupiti prilagođenoj CSS značajki unutar Urednik stranice, gdje uređujete Predlošci i Dijelovi predloška vaše web stranice. Uređivač web mjesta je mjesto gdje izvodite ono što je uobičajeno poznato kao "Kompletno uređivanje stranice."

Idite na Izgled>Uređivač unutar WordPress Admin Area

Na nadzornoj ploči WordPressa (prva stranica na koju ste preusmjereni nakon što se prijavite), zadržite pokazivač miša iznad stavke izbornika “Izgled” i kliknite “Uređivač” (crvena strelica na gornjoj slici). Ovo će vas odvesti do uređivača stranice.

Kliknite područje glavnog sadržaja u WordPressu da biste pristupili uređivaču web-mjesta

Kada uđete u uređivač web-mjesta, možete kliknuti bilo gdje na desnoj strani zaslona (područje koje prikazuje pregled vašeg web-mjesta – označeno zelenom bojom na gornjoj slici) da biste prikazali glavni izbornik uređivača web-mjesta.

Pojednostavljeni WordPress: Kako izgraditi moćne web stranice, tečaj Davies Media Design

Korak 2: Pristupite izborniku "Stilovi".

Kliknite ikonu Stilovi u gornjem desnom kutu gornjeg izbornika Blokiraj

Unutar gornjeg izbornika kliknite na ikonu "Stilovi" (ikona je pola crni, pola bijeli krug) da biste prikazali bočnu traku stilova.

Korak 3: pristupite "Dodatnom CSS-u"

Kliknite izbornik radnji stilova desno od naslova bočne trake stilova

Kliknite na izbornik "Akcije stilova" na vrhu bočne trake (mala ikona s tri točke - crvena strelica na gornjoj slici).

Kliknite vezu "Dodatni CSS" s padajućeg izbornika opcija

Kliknite opciju "Dodatni CSS" na padajućem izborniku (crvena strelica).

Svojoj WordPress web stranici možete dodati prilagođeni CSS u okvir Dodatni CSS

Sada ćete vidjeti dugačak tekstni okvir s oznakom "Dodatni CSS" u koji možete dodati svoj prilagođeni CSS kod (na gornjoj slici označen zelenom bojom). Na vrhu okvira piše "Dodajte vlastiti CSS da biste prilagodili izgled i izgled svoje web-lokacije" (crvena strelica). Također ćete vidjeti poveznicu na kojoj možete saznati više o CSS kodiranju, koje se može koristiti za prilagođene elemente stila vaše WordPress stranice.

Kliknite Spremi da biste spremili prilagođene CSS promjene ili dodatke

Nakon što dodate svoj prilagođeni CSS (zelena strelica), kliknite gumb "Spremi" u gornjem izborniku da biste spremili promjene (crvena strelica).

To je to! Sada znate gdje dodati prilagođeni CSS na svoju WordPress stranicu u WordPressu 6.2. Želite svladati WordPress? Pogledajte moje WordPress masterclass na Udemyju!

Bilten e-pošte besplatnih kreativnih aplikacija Davies Media Design

Pretplatite se na DMD bilten

Prijavite se za primanje novih vodiča, ažuriranja tečajeva i najnovijih vijesti o vašim omiljenim besplatnim kreativnim aplikacijama!

Uspješno ste se pretplatili!