Pridanie JavaScriptu na váš web WordPress správnym spôsobom

Ak máte základné znalosti o vývoji webu, budete vedieť, že ak chcete na svoju stránku pridať skript JavaScript alebo JQuery, najlepším spôsobom je vložiť značky < script > do sekcie head na stránkach (alebo na spodná časť tela, v niektorých prípadoch). Najzrejmejším spôsobom, ako to dosiahnuť v téme WordPress, je použitie wp_head háčik. Môžete vytvoriť funkciu, ktorá bude odrážať značky < script > a spustí sa, keď sa spustí hák wp_head. Túto metódu pomerne často používajú vývojári tém a doplnkov.

Ak však skripty jednoducho vložíte do hlavičky, WordPress netuší, že tam kód je, a tak nedokáže správne riešiť konflikty a závislosti. WordPress sa dodáva s množstvom knižníc JS vrátane JQuery a načítavajú sa iba vtedy, keď je to potrebné ako závislosť na správne zaregistrovanom skripte. Pretože stránky WordPress sú zvyčajne nabité zásuvnými modulmi a témami, z ktorých každý pravdepodobne bude chcieť zahrnúť kód na stránku, CMS poskytuje mechanizmus na správne riadenie načítania skriptov.

Správnou technikou je použitie funkcií wp_register a wp_enque_scripts (alebo jedného z ich variantov na načítanie skriptov v rôznych častiach rozhrania).

Úplné podrobnosti o tom, ako to urobiť ručne, nájdete v komplexnej dokumentácii v WordPress Codex. V tomto článku použijem skratku a preberiem službu, ktorá vygeneruje kód za vás.

Generovať WP je šikovná webová služba, ktorá je schopná generovať veľa rôznych útržkov kódu na zahrnutie do tém a doplnkov WordPress. GenerateWP pokrýva veľa oblastí vrátane typu príspevku, bočného panela, krátkeho kódu, krátkeho kódu a generovania kódu taxonómie, ale tu zostaneme pri zahrnutí skriptov.

Čítať:  Ako ľahko nastaviť hlasovú schránku na telefóne Android

Ak sa pozriete na stránku pre registrácia skriptov WordPressa kliknite na kartu Skript 1, zobrazí sa sada textových polí, do ktorých zadáte príslušné informácie, pod ktorými je úryvok kódu, ktorý je možné vložiť do vašej témy (zvyčajne do súboru functions.php).

Stránka je celkom zrozumiteľná, ale existuje niekoľko potenciálnych problémov.

The Rukoväť/Názov by mal obsahovať názov skriptu, ktorý v skutočnosti môže byť ľubovoľný názov, ktorý sa vám páči, ale má zmysel dať mu relevantný názov.

Závislosti skriptov je zoznam skriptov, na ktorých závisí súbor, ako napríklad JQuery, ktorý WordPress načíta automaticky.

Umiestnenie skriptu je umiestnenie na stránke HTML, kde by ste chceli načítať skript; nie je to umiestnenie skriptu na súborovom systéme alebo vzdialenom serveri, ktoré je označené ako URL skriptu.

Verzia skriptu je ľubovoľné číslo na sledovanie vecí.

Vo všeobecnosti sa budete chcieť zmeniť Zaradiť skript na „áno“.

Povedzme teda, že ste chceli zahrnúť Ukazovateľ priebehu JQuery PACE vo vašej téme. Nastavenia GenerateWP by vyzerali takto:

A výsledný kód vyzerá takto.

Ak pridáte JavaScript do WordPress tém týmto spôsobom, nebudete mať problémy s nekompatibilitou alebo dvojitým načítaním a s GenerateWP to zvládnete bez toho, aby ste museli úplne rozumieť zložitosti kódu PHP.

Nové Publikácie:

ODPORÚČANIE