Para sa isang developer ng tema ng WordPress, ang unang bagay ay upang maunawaan ang istraktura nito; at pagkatapos nito, tungkol sa pag-aaral tungkol sa pagdaragdag ng mga script at mga istilo ng istilo.


Karamihan sa mga taga-disenyo ng web ay nagkakamali sa pamamagitan ng paglikha ng isang tema ng WordPress tulad ng isang simpleng template ng HTML.

Dapat mong maunawaan ang WordPress ay isang platform batay sa PHP, at ang mga tema nito ay pabago-bago. Ang pagdaragdag ng isang CSS file ay hindi katulad ng ginagawa mo habang lumilikha ng isang static na website.

Ang WordPress ay mayroong pamantayang coding na kailangan mong sundin. Ang pag-enqueuing ng isang CSS file nang maayos ay maaaring maging isang maliit na nakakalito para sa maraming mga web developer / designer.

Sa tutorial na ito, pupunta ako sa pamamagitan ng isang hakbang-hakbang na proseso, na nagpapaliwanag sa WordPress codex ng pagdaragdag ng isang CSS file sa isang WordPress tema.

Sa pag-aakalang mayroon kang mahusay na pag-host sa WordPress na may pag-set up ng WordPress, magsimula tayo!

Unawain ang wp_enqueue_style () Function

Habang ang pagbuo ng isang static na HTML website, maaari mong mai-link ang CSS file sa ulo, ngunit hindi ito ang parehong kaso sa isang tema ng WordPress.

Sa isang malinaw na pag-unawa sa PHP at WordPress Codex, dapat mong malaman na gumamit ng mga function ng Tema.

Magsimula tayo sa wp_enqueue_style () pag-andar, na ginagamit upang mai-link ang isang CSS file sa iyong WordPress Tema. Ang default na mga parameter ay bilang sundin.

wp_enqueue_style ($ hawakan, $ src, $ deps, $ ver, $ media);

Hayaan akong ipaliwanag ang lahat ng mga parameter na iyon.

  • $ hawakan:- Ito ay isang kinakailangang patlang, na kinabibilangan ng pangalan ng stylesheet
  • $ src:- Kinakailangan din na punan. Ito ang landas ng styleheet na may kaugnayan sa direktoryo ng ugat
  • $ deps:- Opsyonal na lumikha ng isang array upang makontrol ang styleheet
  • $ ver:- Kung nais mong kontrolin ang bersyon ng stylesheet, magagawa mo.
  • $ media:- Kung nais mong gamitin ang stylesheet para sa anumang uri ng media, magagawa mo. Kung hindi, hindi kailangan.

Maaaring magkaroon ka ng ilang ideya ngayon. Tanging ang unang dalawang pagpipilian ay kinakailangan upang punan, ang natitira maaari mong iwanang walang laman upang kunin ang mga default na halaga.

Tandaan: Ngayon kung ang pangalan ng styleheet "istilo" at ito ay sa pangunahing folder ng pangalan ng tema, ang code ay bilang sundin.

wp_enqueue_style (‘style’, get_stylesheet_uri ());

Ngunit tulad ng nakikita mo, ginagawa mo itong gumana; kailangan mong lumikha ng isang pag-andar ng WordPress, na maaaring mai-link ang file sa ulo sa isang maayos na paraan.

Hayaan akong ipakita sa iyo ang code.

functionnew_theme_css_file {
wp_enqueue_style (‘style’, get_stylesheet_uri ());
}
add_action (‘wp_enqueue_scripts’, ‘new_theme_css_file’);

Maaari kang magtataka kung ano ang pinakamagandang lugar upang magdagdag ng pag-andar. Well, kung alam mo nang kaunti tungkol sa pag-unlad ng tema ng WordPress, maaaring alam mo na function.php Kinokontrol ng file ang lahat ng mga pag-andar.

Kaya, kailangan mong buksan ang file at idagdag ang function na ito.

Kung napansin mo, mayroong isang kawit "add_action" na may isang parameter "wp_enqueue_scripts," na ginagamit upang maipalabas ang mga estilo at script.

Ang kailangan mo lang maunawaan ay ang pangunahing wp_enqueue_style () pag-andar.

Para sa mga developer ng newbie WordPress, maaaring mahirap makuha ang naturang mga teknikal na bagay, ngunit kapag natutunan nila ang WordPress Codex, ang lahat ay maayos.

Inaasahan kong Hindi Ito Mahirap magdagdag ng isang CSS File sa isang Tema ng WordPress

Naaalala ko noong sinimulan ko ang pagbuo ng mga tema ng WordPress ilang taon na ang nakalilipas, ito ay isang sakuna. Kapag patuloy kang nagsasanay ng mga static na website at biglang malaman ang tungkol sa pabago-bagong katangian ng web 2.0, maaari kang mabahala.

Kapag nakikisali ka sa mga code ng WordPress, maaari mong simulan ang pakiramdam na kawili-wili. Ang pagdaragdag ng isang CSS file ay isa sa mga pangunahing kaalaman para sa pagbuo ng isang tema ng WordPress mula sa simula.

Konklusyon

Ang pag-unlad ng web ay maaaring maging mahirap hawakan, at maaari itong takutin ang mga bagong gumagamit ng WordPress. Ang gabay ay para sa mga taong nais na simulan ang pagbuo ng kanilang pasadyang tema ng WordPress.

Salamat sa pagsunod sa tutorial na ito.

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 Tamang Magdagdag ng isang File ng JavaScript sa Tema ng WordPress Gamit ang cPanel
    dalubhasa
  • Paano Mag-logout sa Lahat ng Mga Gumagamit Sa WordPress Kaagad
    nasa pagitan
  • Paano I-edit ang .htaccess file ng iyong Website ng WordPress Gamit ang cPanel
    newbie
  • Paano Mag-log in sa WordPress Gamit ang Softaculous mula sa cPanel
    nasa pagitan
  • Paano Mag-ayos ng isang HTTP Error na Lumilitaw sa WordPress Media Library
    newbie
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me