Nag-aalok ang WordPress ng ilang mga cool na tampok sa mga gumagamit nito. Kamakailan lamang, hiniling sa amin ng isa sa aming mga gumagamit na baguhin ang sidebar ng kanilang website, madali ito, ngunit naganap ang problema kapag hindi nakita ng gumagamit ang isang pagpipilian ng editor upang mai-edit ang stylesheet.


Kaya, dapat mong malaman na upang baguhin ang disenyo ng iyong website, kailangan mo ng pasadyang CSS na lampasan ang umiiral na code ng disenyo sa tema ng WordPress.

Karamihan sa mga tao ay nalilito kapag hindi nila nakikita ang code editor, na maaaring hindi magagamit dahil sa ilang mga kadahilanan sa seguridad.

Sa tutorial na ito, matututo ka ng iba’t ibang mga paraan upang magdagdag ng pasadyang CSS sa iyong website ng WordPress. Alam ng lahat na nag-aalok ang WordPress ng built-in na customizer nito, ngunit pinabayaan ito ng mga tao.

Ang ilan sa mga web developer ay maaaring naniniwala sa pag-edit ng pangunahing stylesheet file. Well, kung nais mong magdagdag ng pasadyang CSS, kailangan mong idagdag ito sa ibang lugar kaysa sa orihinal na file ng CSS.

Ipapaliwanag ko rin ang pamamaraan upang mai-edit ang pangunahing style.css file gamit ang cPanel.

Gamitin ang Built-in Customizer

Ang WordPress ay hindi tumitigil sa pagtataka sa mga mambabasa nito. Kung naglalaro ka ng kaunti sa panel ng admin ng WordPress, maaari mong mabilis na matuklasan ang isang pagpipilian upang magdagdag ng isang karagdagang CSS.

Kung hindi, sundin ang mga hakbang na ito.

Hakbang 1

Pumunta sa Hitsura at mag-click sa ipasadya pagpipilian.

Paano Magdagdag ng Custom CSS sa Iyong Website ng WordPress sa Iba't ibang Mga Paraan

Hakbang 2

Maaari kang makakita ng maraming mga pagpipilian upang mai-update ang mga setting ng iyong website, ang pinakamagandang bahagi ay maaari mong makita ang home page ng iyong site.

Paano Magdagdag ng Custom CSS sa Iyong Website ng WordPress sa Iba't ibang Mga Paraan

Kung mag-scroll ka pababa, maaari kang makakita ng isang pagpipilian "Karagdagang CSS." Mag-click upang buksan.

Hakbang 3

Kung hindi mo pa naidagdag ang anumang pasadyang CSS dati, maaari kang makakita ng isang mensahe upang mabigyan ka ng isang ideya tungkol sa CSS at kung paano mo ito magagamit.

Isara ito at tingnan ang isang kahon upang idagdag ang iyong CSS upang baguhin ang anumang tukoy na elemento ng iyong website. Maaari mong makita ang live na demo ng code na iyong idinagdag.

Paano Magdagdag ng Custom CSS sa Iyong Website ng WordPress sa Iba't ibang Mga Paraan

Matapos ang iyong pangwakas na pagpindot, mag-click I-publish nagpapakita sa tuktok na kaliwang sulok. Ang iyong disenyo ay makakatipid.

Gumamit ng isang WordPress Plugin upang magdagdag ng Custom CSS

Walang alinlangan na ang mga plugin ay ang mga tagapagligtas ng milyun-milyong mga gumagamit ng WordPress, ito ay dahil ang mga taong hindi techie ay nais ng isang bagay na madaling gamitin, kung saan maaari nilang kopyahin at i-paste ang code.

Sundin ang mga hakbang.

Hakbang 1

Pumunta sa Mga plugin>>Magdagdag ng bago at maghanap para saSimple Custom CSS plugin, kapag nahanap mo ito, mag-click I-install at buhayin ito.

Paano Magdagdag ng Custom CSS sa Iyong Website ng WordPress sa Iba't ibang Mga Paraan

Tiyaking; nililinaw mo ang website at browser cache pagkatapos ng pag-activate ng plugin.

Hakbang 2

Matapos ang pag-activate, pumunta sa Hitsura>>Pasadyang CSS, at maaari kang makakita ng isang kahon upang magdagdag ng pasadyang CSS sa pahinang ito.

Paano Magdagdag ng Custom CSS sa Iyong Website ng WordPress sa Iba't ibang Mga Paraan

I-paste ang code na iyong kinopya at mag-click sa I-update ang Custom CSS pindutan.

Hindi ba simple iyon?

Binabati, natutunan mo ang dalawang magkakaibang paraan upang magdagdag ng Custom CSS mula sa iyong panel ng WordPress admin. Ngayon, kailangan mong malaman ang pamamaraan ng cPanel.

Gumamit ng cPanel upang I-edit ang Main CSS File

Maaaring nabasa mo na ang isang artikulo sa pag-edit ng stylesheet gamit ang cPanel. Kung hindi, pagmasdan mo ito.

Upang baguhin ang disenyo ng isang website ng WordPress, kailangan mong i-edit ang style.css file ng tema nito, at dapat mong malaman kung saan hahanapin ito.

Kailangan mong buksan ang file manager>>public_html>>wp-nilalaman>>tema>>pangalan ng tema at maghanap ng style.css.

Ang lokasyon ay maaaring mag-iba depende sa tema ng WordPress na iyong ginagamit. Sa karamihan ng mga tema, maaari mong mahanap ang style.css file sa pangunahing folder, ngunit ginusto ng ilang mga web developer / designer na magkaroon ng ibang CSS folder.

Paano Magdagdag ng Custom CSS sa Iyong Website ng WordPress sa Iba't ibang Mga Paraan

Kapag nahanap mo ang file, pag-click sa kanan upang i-edit.

Lumilitaw sa iyo ang isang bagong tab, kung saan maaari mong idagdag ang iyong pasadyang CSS.

TANDAAN: Inaasahan kong alam mo ang ginagawa mo.

Mahalagang i-backup ang iyong buong website at database nito bago gumawa ng anumang mga pagbabago.

Aling Paraan ang Pinakapadali

Ang bawat tao’y may ibang pagpipilian upang maisakatuparan ang parehong gawain. Karamihan sa mga tao ay maaaring pumili na gumamit ng built-in na WordPress customizer, ngunit maaaring isipin ng ilan ang tungkol sa paggamit ng isang plugin.

Buweno, kung makakamit mo ang isang bagay nang walang isang plugin, dapat mong iwasan ang paggamit ng anupaman.

Posible na wala kang access sa iyong panel ng admin ng WordPress, sa ganitong sitwasyon, kailangan mong ma-access ang fileheet file gamit ang cPanel.

Konklusyon

Dapat mong malaman na ang isang maliit na pagbabago sa CSS ay maaaring masira ang layout ng iyong buong website, mahalagang maunawaan bago ka gumawa ng isang bagay.

Naaalala ko ang pagsira sa aking website sa pamamagitan ng pagkopya at pag-paste ng isang CSS code. Dapat mong maunawaan ang CSS code, gagamitin mo. Laging magkaroon ng backup.

Suriin ang mga nangungunang 3 mga serbisyo sa hosting ng WordPress:

FastComet

Panimulang presyo:
$ 2.95


Kahusayan
9.7


Pagpepresyo
9.5


Friendly ng Gumagamit
9.7


Suporta
9.7


Mga Tampok
9.6

Basahin ang mga review

Bisitahin ang FastComet

Hostinger

Panimulang presyo:
$ 0.99


Kahusayan
9.3


Pagpepresyo
9.3


Friendly ng Gumagamit
9.4


Suporta
9.4


Mga Tampok
9.2

Basahin ang mga review

Bisitahin ang Hostinger

A2 Hosting

Panimulang presyo:
$ 3.92


Kahusayan
9.3


Pagpepresyo
9.0


Friendly ng Gumagamit
9.3


Suporta
9.3


Mga Tampok
9.3

Basahin ang mga review

Bisitahin ang A2 Hosting

Kaugnay na Mga Artikulo Paano-Sa

  • Paano Magdagdag ng Mga Font ng Google sa Iyong Website ng WordPress Nang walang Plugin
    nasa pagitan
  • Paano Baguhin ang Iyong Default Index Pahina Gamit ang FTP
    nasa pagitan
  • Paano i-edit ang CSS para sa iyong WordPress Site Gamit ang cPanel Hosting Control Panel
    dalubhasa
  • Paano magdagdag ng Custom Code sa mga lugar ng header at Footer ng isang WordPress Website
    nasa pagitan
  • Paano Madagdagan ang Bilis ng Website Sa pamamagitan ng Pag-alis ng Mga string ng Query Mula sa Static Resources
    nasa pagitan
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me