Kung mayroon kang isang tema ng WordPress mula sa simula o baguhin ang isang umiiral na tema, maaaring kailanganin mong malaman ang tamang paraan upang magdagdag ng isang file na JavaScript.


Kung iniisip mo ang paggamit ng paraan ng lumang paaralan ng Web 1.0 sa pamamagitan ng pag-link sa JavaScript sa ulo, kung gayon masamang ideya ito dahil sa ngayon, ito ay isang panahon ng Web 2.0 kung saan ang mga tao ay may mga dynamic na website.

Dapat mong maunawaan ang konsepto ng WordPress Theme Codex at kung paano maipalabas ang isang JavaScript at isang CSS file. Natalakay na namin ang pagdaragdag ng isang CSS file.

Kaya, sa Tutorial na ito, matututunan mo ang tungkol sa pagdaragdag ng isang JavaScript file sa isang tema ng WordPress na pabago-bago.

Upang tumugma sa pinakabagong pamantayan sa pag-coding, dapat mong palaging sundin ang WordPress Codex, na pinapanatili ang pag-update ng oras-oras. Maaari kang magtataka na parang nangangailangan ka ng mga kasanayan sa coding o hindi.

Well, kung hinanap mo ang artikulong ito, ipinapalagay ko na alam mo na ang mga pangunahing kaalaman sa pag-unlad ng tema ng WordPress.

Alamin ang JavaScript Enqueuing Codex

Habang bumubuo ng isang tema ng WordPress, maaari kang makatagpo ng maraming magkakatulad na pag-andar. Tulad ng nakikita mo, upang magdagdag ng isang file na JavaScript, maaari mong gamitin ang parehong pag-andar tulad ng ginawa mo upang magdagdag ng isang CSS file.

Bagaman mayroong kaunting pagkakaiba dahil maraming mga kategorya ang JavaScript, ang lahat ay walang kahirap-hirap. Hayaan mo akong ipakita sa iyo.

wp_enqueue_script ($ hawakan, $ src, $ deps, $ ver, $ in_footer);

Hayaan akong ipaliwanag ang lahat ng mga parameter.

  1. $ hawakan:- Ito ang pangalan ng file na JavaScript.
  2. $ src:- Ang address ng file.
  3. $deps:- Kung nais mong lumikha ng isang array, magagawa mo.
  4. $ ver:- Maaari mong banggitin ang bersyon ng JavaScript.
  5. $ in_footer:- Bilang default, halaga ito "mali" na nangangahulugang ang JavaScript file ay makakadagdag sa ulo.

Ngayon tingnan ang halimbawang ito.

wp_enqueue_script (‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array ());

Ang pangalan ng file ay "my-script" at matatagpuan ito sa a "js" folder.

Tandaan: Kung nais mong mai-load ito mula sa lugar ng paa upang mapabuti ang pagganap ng website, maaari mong itakda ang $ in_footer halaga sa "totoo."

Ang code ay nagbabago bilang sundin.

wp_enqueue_script (‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array (), totoo);

Hindi pa tapos ang gawain. Upang gawin itong gumana, kailangan mong lumikha ng isang function at gumamit ng isang aksyon. Kung nagdagdag ka na ng isang CSS file, maaari mong gamitin ang parehong pag-andar.

Hayaan Mo Akong Ipakita sa iyo ang Buong Code.

functionmy_new_scripts {
wp_enqueue_script (‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array (), totoo);
}
add_action (‘wp_enqueue_scripts’, ‘my_new_scripts’);

Ngayon ang tanong ay lumitaw, kung saan kailangan mong magdagdag ng tulad ng isang code?

Kaya, tulad ng alam mo na, ang mga function.php file ng iyong WordPress tema ay responsable para sa lahat ng mga pag-andar na mayroon ng WordPress website, idagdag ang code sa file at i-save.

Kung binabago mo ang iyong umiiral na tema, inaasahan kong madali mong mai-access ang file ng function.php gamit ang cPanel. Ngayon, halos lahat ng kumpanya ng hosting ng WordPress ay nag-aalok ng pag-access sa cPanel.

Pumunta ka lang file manager>>wp-nilalaman>>tema>>pangalan ng tema>>function.php. Mag-right-click upang pumili ng pag-edit at mahusay kang pumunta.

Paano Tamang Magdagdag ng isang File ng JavaScript sa isang Tema ng WordPress

Ang pag-edit ng code ay maaaring maging isang nakakatakot na bagay kung hindi ka pamilyar sa mga pag-andar ng WordPress at PHP.

Para sa isang developer ng tema ng WordPress, ang pagdaragdag ng isang bagong file na JavaScript ay maaaring gawing mas pabago ang website kaysa sa dati, maaaring kailanganin mo ito para sa mobile na bersyon ng menu ng nabigasyon.

Depende sa iyong mga pangangailangan, maaari kang gumamit ng isang JavaScript file.

Inaasahan kong Mahirap magdagdag ng isang File ng JavaScript sa isang Tema ng WordPress

Maya-maya, nagsisimula nang magalit ang mga tao kapag nabasa nila ang tungkol sa WordPress coding. Ngunit para sa isang regular na gumagamit ng WordPress, hindi kinakailangan upang harapin ang mga code.

Ang WordPress ay isang platform na madaling gamitin, na binuo para sa mga taong hindi techie. Maaari kang bumili ng isang tema ng WordPress mula sa merkado.

Mayroong milyon-milyong mga tema sa web.

Konklusyon

Ang tutorial ay para sa mga advanced na gumagamit o ang mga taong nais malaman ang tungkol sa pag-unlad ng tema ng WordPress. Ang pagpapalakas ng iyong mga kasanayan sa coding ay palaging isang magandang ideya.

Umaasa ako na ang pagdaragdag ng isang file na JavaScript ay hindi kasing mahirap ng sinasabi ng mga tao.

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 CSS File sa isang 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