Chcete ovládať, ako pridať kód jQuery do WordPress? Pokračujte teda v čítaní a dozviete sa viac.

Napriek tomu, že WordPress je už nejaký čas k dispozícii a pridávanie tematických skriptov a doplnkov už nejakú dobu existuje, stále existuje určitý zmätok, pokiaľ ide o to, ktorú metódu použiť. použiť na pridanie skriptov na WordPress.

Pokúsime sa to objasniť.

Keďže jQuery je najpoužívanejší JavaScript Framework, ukážeme vám, ako ho pridať do témy alebo WordPress Plugin.

Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať a WordPress blog v 7 krokoch et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu 

Potom späť k tomu, prečo sme tu.

Režim kompatibility JQuery

Predtým, ako začneme pridávať skripty na WordPress, preskúmajme režim kompatibility jQuery. WordPress sa dodáva s kópiou jQuery, ktorú môžete použiť s vaším kódom. Pri načítaní programu WordPress jQuery používa režim kompatibility, ktorý je mechanizmom na zabránenie konfliktom s inými knižnicami.

Zistite, či on Ak by jQuery bol odstránený z vašich tém a doplnkov WordPress ?

To znamená, že znak dolára nemôžete používať priamo, ako by ste to používali v iných projektoch. Pri písaní jQuery na WordPress musíte namiesto toho použiť jQuery.

Pozrite sa na nasledujúci kód a zistite, čo mám na mysli:

/ * Normálny režim * / $ ('. Hideable'). Zapnuté ('kliknutie', function () {$ (this) .hide ();}) / * Režim kompatibility * / jQuery ('. Hideable'). Zapnuté ('kliknúť', funkcia () {jQuery (toto). skryť ();})

Čo potrebujete vedieť je, že s niekoľkými úpravami môžete znak dolára znova použiť. Použitie zakaždým „jQuery“ na celý kód komplikuje veľa písania.

Pozrite sa na Kód redaktori 10 pre vývojárov WordPress

Aby ste to zopakovali, ak viete, jQuery, znak $ je iba alias pre jQuery (), potom alias pre funkciu. Základná syntax je: $ (Volič) .action () :

• Znak dolára na definovanie jQuery
• (Selektor) na „vyhľadanie“ prvkov HTML
• Akcia jQuery (), ktorá sa má vykonať s týmito prvkami

Ak načítate skript do päty, budete môcť zabaliť svoj kód do anonymnej funkcie. Postup je nasledovný:

(function ($) {$ ('. hideable'). on ('click', function () {$ (this) .hide ();})}) (jQuery);

Ak chcete pridať svoj skript do hlavičky (tomu, čomu sa treba vyhnúť, ak je to možnéMôžete ho zabaliť do funkcie, ktorá sa spustí, keď je dokument pripravený.

Objavte aj mimochodom Ako pridať ľahko kód na WordPress bez porušenia vašich webových stránok

jQuery (document) .ready (function ($) {$ ('. hideable'). on ('click', function () {$ (this) .hide ();})});

Ako prepojiť skripty s jQuery

Teraz, keď môžete na WordPress napísať platný kód jQuery, prepojíme našu prácu s našou webovou stránkou. V programe WordPress sa tento proces nazýva „ enqueueing "(chvostový systém). Pre normálny web HTML by sme mali používať značkuscenár> na pridanie skriptov.

WordPress môže urobiť to isté, ale na dosiahnutie tohto cieľa použijeme špeciálne funkcie programu WordPress. Týmto spôsobom pre nás WordPress riadi všetky naše závislosti.

Ak pracujete na téme, môžete použiť túto funkciu wp_enqueue_script () vo vašom súbore functions.php spis. Môžete to urobiť takto:

function my_theme_scripts () {wp_enqueue_script ('my-great-script', get_template_directory_uri (). '/js/my-great-script.js', array ('jquery'), '1.0.0', true); } add_action ('wp_enqueue_scripts', 'my_theme_scripts');

Funkcia má päť argumentov. Prvý môžete použiť na odkazovanie na skript, druhý je umiestnenie súboru skriptu, tretí parameter je pole závislostí.

Pridal som jQuery ako závislosť, pretože ho používa skript. Ak vytvoríte skript, ktorý závisí od „my-pra-script Musíte ho pridať do zoznamu závislostí, aby WordPress vedel, ktoré súbory je potrebné načítať ako prvé.

Objavte tiež Ako načítať JavaScript na WordPress

Štvrtý parameter je číslo verzie a piaty umožňuje WordPressu vedieť, kam umiestniť skript. Predvolene sa skripty načítavajú do hlavičky, čo je zlý postup, pretože spomaľuje načítanie vašej webovej stránky (prehliadače zastavia načítanie všetkých stránok, kedykoľvek dôjde k zablokovaniu est rencontré). Do päty musíte načítať všetky skripty, ak je to možné, vykonaním piateho parametra “ pravdivý ".

Ako pridať skript na palubnej doske

Môžete tiež pridať skripty na prístrojová doska. Použité funkcie sú úplne rovnaké, stačí použiť „ háčik „iné. Pozrite sa na príklad nižšie:

function my_admin_scripts () {wp_enqueue_script ('my-great-script', plugin_dir_url (__FILE__). '/js/my-great-script.js', array ('jquery'), '1.0.0', true); } add_action ('admin_enqueue_scripts', 'my_admin_scripts');

Namiesto použitia wp_enqueue_scripts musíme použiť admin_enqueue_scripts, a to je všetko !

Používanie podmienených značiek

Používajte podmienené značky, aby ste skripty načítali iba v prípade potreby. Najčastejšie sa to používa na informačnom paneli, kde by ste chceli použiť skript iba na konkrétnej stránke. To šetrí šírku pásma a čas potrebný na spracovanie, čo znamená rýchlejšie načítanie vášho webu.

Objavte aj naše Doplnky 10 WordPress na zvýšenie rýchlosti načítania vášho blogu

Pozrite sa na dokumentačné admin_enqueue_scripts Ďalšie informácie nájdete v kóde WordPress.

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. Interaktívna mapa sveta

Interaktívne mapy sveta sú a WordPress Plugin ktorý vám pomôže vytvoriť toľko máp, koľko chcete, s interaktívnymi a farebnými značkami, kontinentmi, krajinami alebo regiónmi.

Je plne kompatibilný s novou verziou WordPress a Visual Composer, Vďaka tomuto doplnku môžete zobraziť niekoľko typov regiónov, ako napríklad: mapa celého sveta, kontinent alebo subkontinent (Afrika, Európa, Amerika, Ázia, Oceánia a všetky ich subkontinenty), krajina, krajina rozdelená podľa svojich regiónov, štát Spojených štátov, Spojené štáty vydelené metropolitnými oblasťami, štát USA rozdelený metropolitnými oblasťami.

Stiahnuť | demo | web hosting

2. Kontaktný formulár AJAX so sledovaním

Ce WordPress Plugin vám umožňuje jednoducho pridať kontaktné formuláre alebo formuláre komentárov WordPress blog. Dodáva sa so správcom nastavení, ku ktorému je možné pristupovať priamo cez informačný panel WordPress.

Jeho hlavné črty sú okrem iného: a fpre e - mail, podpora CAPTCHA matematika na formulároch, prispôsobovaní a konfigurácii prostredníctvom ovládacieho panela WordPress možnosť ddefinovať vlastný autoresponder, podporu pre vlastné CSS a ďalšie

Stiahnuť | demo | web hosting 

3. PayPal Štandardná platobná brána pre ninjové formuláre

Štandardná brána PayPal pre formuláre Ninja vám umožňuje vytvárať formuláre, ktoré sa bezproblémovo integrujú do platobnej brány PayPal. 

Budete môcť vytvárať prispôsobené objednávkové formuláre a prijímať platby pomocou štandardných účtov Paypal. Medzi jeho hlavné vlastnosti patrí: ľahká a rýchla integrácia, integrácia IPN, možnosť aktivovať / deaktivovať bránu PayPal na jednotlivých formulároch, podpora pravidelných platieb atď.

Stiahnuť | demo |  web hosting

Ďalšie odporúčané zdroje

Tiež vás pozývame, aby ste si prečítali zdroje uvedené nižšie, aby ste sa presadili a ovládali svoje webové stránky a blog.

• Ako efektívne používať kategórie a značky na WordPress
• Ako vytvoriť reagujúce ponuku pre mobilné WordPress
• Ako vytvoriť intranetový WordPress pre vašu organizáciu
• Ako nainštalovať plugin v systéme WordPress

záver

Tu ! To je pre tento návod všetko. Dúfam, že teraz viete, ako pridať skript na WordPress. kľudne zdieľajte tip so svojimi priateľmi na svojich sociálnych sieťach.

Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.

Medzitým nám ale povedz niečo o svojom Komentáre a návrhy vo vyhradenej sekcii.

...