Buď rozviniete tému WordPress od nuly, alebo upravíte existujúcu tému, možno budete potrebovať poznať správny spôsob, ako pridať súbor JavaScript..


Ak uvažujete o použití starej školy metódou Web 1.0 prepojením JavaScriptu s hlavou, potom je to zlý nápad, pretože v dnešnej dobe je to éra Web 2.0, v ktorej majú ľudia dynamické webové stránky..

Mali by ste pochopiť koncepciu WordPress Theme Codex a ako vložiť súbor JavaScript a CSS. Už sme diskutovali o pridaní súboru CSS.

V tomto návode sa teda dozviete viac o dynamickom pridávaní súboru JavaScript do témy WordPress.

Aby ste vyhoveli najnovšiemu štandardu kódovania, mali by ste sa vždy riadiť kódom WordPress Codex, ktorý priebežne aktualizuje informácie. Možno vás zaujíma, ako keby ste potrebovali kódovacie schopnosti alebo nie.

Ak ste hľadali tento článok, predpokladám, že už poznáte základy vývoja témy WordPress.

Naučte sa kód jazyka Enqueuing JavaScript

Pri vývoji témy WordPress sa môžete stretnúť s mnohými podobnými funkciami. Ako vidíte, na pridanie súboru JavaScript môžete použiť rovnakú funkciu ako na pridanie súboru CSS.

Aj keď existuje malý rozdiel, pretože skript JavaScript má veľa kategórií, stále je všetko bez námahy. Ukážem ti.

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

Dovoľte mi vysvetliť všetky parametre.

  1. $ Rukoväť:- Je to názov súboru JavaScript.
  2. $ Src:- Adresa súboru.
  3. $deps:- Ak chcete vytvoriť pole, môžete.
  4. $ Ver:- Môžete uviesť verziu jazyka JavaScript.
  5. $ In_footer:- V predvolenom nastavení je to hodnota "nepravdivý" čo znamená, že sa do hlavičky pridá súbor JavaScript.

Teraz sa pozrite na tento príklad.

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

Názov súboru je "my-script" a nachádza sa v a "js" zložka.

Poznámka: Ak si ju chcete načítať z päty, aby ste zlepšili výkon webových stránok, môžete nastaviť $ in_footer hodnota do "pravdivý."

Kód sa transformuje nasledovne.

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

Úloha ešte neskončila. Aby to fungovalo, musíte si vytvoriť funkciu a použiť akciu. Ak ste už pridali súbor CSS, môžete použiť rovnakú funkciu.

Dovoľte mi ukázať vám úplný kód.

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

Teraz vyvstáva otázka, kam treba takýto kód pridať?

Ako už viete, súbor funkcií.php vašej témy WordPress je zodpovedný za všetky funkcie, ktoré má webová stránka WordPress, pridajte kód do súboru a uložte.

Ak upravujete svoju existujúcu tému, dúfam, že pomocou nástroja cPanel získate ľahký prístup k súboru features.php. V súčasnosti takmer každá hostingová spoločnosťWordPress ponúka prístup k cPanel.

Stačí ísť na Správca súborov>>wp-content>>témy>>názov témy>>functions.php. Kliknutím pravým tlačidlom myši vyberiete možnosť úprav a je dobré ísť.

Ako správne pridať súbor JavaScript do motívu WordPress

Úpravy kódu môžu byť strašidelné, ak nie ste oboznámení s funkciami WordPress a PHP.

Pre vývojárov motívov WordPress môže pridanie nového súboru JavaScript spôsobiť, že web bude dynamickejší ako predtým, možno ho budete potrebovať pre mobilnú verziu navigačnej ponuky..

V závislosti od vašich potrieb môžete použiť súbor JavaScript.

Dúfam, že je ťažké pridať súbor JavaScript do témy WordPress

O chvíľu sa ľudia začnú trápiť, keď čítajú o kódovaní WordPress. Ale pre bežných používateľov WordPress nie je potrebné zaoberať sa kódmi.

WordPress je užívateľsky prívetivá platforma, ktorá bola vyvinutá pre ľudí, ktorí nie sú technikmi. Môžete si kúpiť tému WordPress z trhu.

Na webe sú milióny tém.

záver

Výukový program je určený pre pokročilých používateľov alebo ľudí, ktorí sa chcú dozvedieť viac o vývoji témy WordPress. Zvýšenie kódovacích schopností je vždy dobrý nápad.

Dúfam, že pridanie súboru JavaScript nie je také ťažké, ako hovoria ľudia.

Vyskúšajte tieto 3 najčastejšie hosťujúce služby WordPress:

FastComet

Vyvolávacia cena:
$ 2,95


Spoľahlivosť
9.7


stanovenie ceny
9.5


Užívatelsky prívetivý
9.7


podpora
9.7


Vlastnosti
9.6

Prečítajte si recenzie

Navštívte FastComet

Hostinger

Vyvolávacia cena:
$ 0.99


Spoľahlivosť
9.3


stanovenie ceny
9.3


Užívatelsky prívetivý
9.4


podpora
9.4


Vlastnosti
9.2

Prečítajte si recenzie

Navštívte Hostinger

Hosting A2

Vyvolávacia cena:
$ 3,92


Spoľahlivosť
9.3


stanovenie ceny
9.0


Užívatelsky prívetivý
9.3


podpora
9.3


Vlastnosti
9.3

Prečítajte si recenzie

Navštívte A2 Hosting

Súvisiace články s návodmi

  • Ako správne pridať súbor CSS na tému WordPress pomocou cPanel
    expert
  • Ako sa odhlásiť všetkých používateľov v WordPress naraz
    stredná
  • Ako upraviť súbor .htaccess vášho webu WordPress pomocou cPanel
    nováčik
  • Ako sa prihlásiť do WordPress pomocou Softaculous z cPanel
    stredná
  • Ako opraviť chybu HTTP, ktorá sa objavuje v knižnici médií WordPress
    nováčik
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me