Sa wakas ay naibalik na ng WordPress ang kakayahang magdagdag ng custom na CSS sa iyong website sa paglabas ng WordPress 6.2! Sa artikulong ito ng tulong, ipapakita ko sa iyo kung paano mabilis na magdagdag ng custom na CSS sa anumang website gamit ang pinakabagong release na bersyon ng WordPress, ang libre at open source na platform ng CMS at web designer.

Gumagana rin ang paraang ito sa mga mas bagong bersyon, kabilang ang WordPress 6.3 at 6.4.

Talaan ng nilalaman

Hakbang 1: Mag-navigate sa Site Editor

Maa-access mo ang tampok na Custom CSS mula sa loob ng Editor ng Site, kung saan mo ine-edit ang Template at Mga Bahagi ng Template ng iyong website. Ang Site Editor ay kung saan mo ginagawa ang karaniwang kilala bilang “Buong Pag-edit ng Site."

Mula sa WordPress Dashboard (ang unang pahina kung saan ka dadalhin pagkatapos mong mag-log in), i-hover ang iyong mouse sa item ng menu na “Hitsura” at i-click ang “Editor” (pulang arrow sa larawan sa itaas). Dadalhin ka nito sa Editor ng Site.

Kapag nasa loob na ng Site Editor, maaari kang mag-click kahit saan sa kanang bahagi ng screen (ang lugar na nagpapakita ng preview ng iyong website – nakabalangkas sa berde sa larawan sa itaas) upang ilabas ang Site Editor Top Menu.

Pinasimpleng WordPress: Paano Bumuo ng Makapangyarihang Mga Website na Kurso ng Davies Media Design

Hakbang 2: I-access ang Menu na "Mga Estilo".

Sa loob ng Nangungunang Menu, mag-click sa icon na "Mga Estilo" (ang icon ay kalahating itim, kalahating puting bilog) upang ilabas ang Sidebar ng Mga Estilo.

Hakbang 3: I-access ang “Karagdagang CSS”

Mag-click sa menu na "Mga Pagkilos ng Estilo" sa tuktok ng sidebar (ang icon ng maliit na tatlong tuldok - pulang arrow sa larawan sa itaas).

I-click ang opsyong “Karagdagang CSS” mula sa dropdown ng menu (pulang arrow).

Makakakita ka na ngayon ng mahabang text box na may label na "Karagdagang CSS" kung saan maaari mong idagdag ang iyong custom na CSS code (nakabalangkas sa berde sa larawan sa itaas). Ang tuktok ng kahon ay nagsasabing "Idagdag ang iyong sariling CSS upang i-customize ang hitsura at layout ng iyong site" (pulang arrow). Makakakita ka rin ng link kung saan maaari kang matuto nang higit pa tungkol sa CSS coding, na maaaring magamit sa mga elemento ng custom na istilo ng iyong WordPress site.

Kapag naidagdag mo na ang iyong custom na CSS (berdeng arrow), i-click ang button na “I-save” sa Nangungunang Menu upang i-save ang iyong mga pagbabago (pulang arrow).

Ayan yun! Alam mo na ngayon kung saan magdagdag ng custom na CSS sa iyong WordPress site sa WordPress 6.2. Gusto mong master ang WordPress? Tingnan ang aking WordPress Masterclass sa Udemy!