Chcete zvládnout, jak přidat kód jQuery na WordPress? Pokračujte tedy ve čtení a dozvíte se více.

Přestože je WordPress již nějakou dobu k dispozici a přidávání tematických skriptů a pluginů již nějakou dobu existuje, stále existuje určitý zmatek ohledně toho, jakou metodu použít. slouží k přidání skriptů na WordPress.

Pokusíme se tedy věci vyjasnit.

Vzhledem k tomu, že jQuery je nejrozšířenější JavaScript Framework, ukážeme vám, jak jej přidat do tématu nebo WordPress Plugin.

Ale dříve, pokud jste nikdy nenainstalovali WordPress objevit Jak nainstalovat a WordPress blog ve 7 krocích et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu 

Pak zpět k tomu, proč jsme tady.

Režim kompatibility JQuery

Než začneme přidávat skripty na WordPress, prozkoumejme režim kompatibility jQuery. WordPress je dodáván s kopií jQuery, kterou můžete použít s vaším kódem. Při načtení WordPress jQuery používá režim kompatibility, což je mechanismus, který zabraňuje konfliktům s jinými knihovnami.

Zjistěte, jestli on Měl by být jQuery odstraněn z vašich motivů a pluginů WordPress ?

To znamená, že znak dolaru nelze použít přímo, jako byste to udělali v jiných projektech. Při psaní jQuery na WordPress musíte místo toho použít jQuery.

Podívejte se na níže uvedený kód a podívejte se, co tím myslím:

/ * Normální režim * / $ ('. Hideable'). Zapnuto ('click', function () {$ (this) .hide ();}) / * Režim kompatibility * / jQuery ('. Hideable'). Zapnuto ('click', function () {jQuery (this) .hide ();})

Co potřebujete vědět je, že s několika úpravami můžete znak dolaru použít znovu. Použití pokaždé „jQuery“ na celý váš kód zkomplikuje hodně psaní.

Podívejte se na kód redaktoři 10 pro vývojáře WordPress

Zkrátka, pokud víte, jQuery, znaménko $ je alias pro jQuery (), pak alias pro funkci. Základní syntaxe je: $ (Volič) .action () :

• Znak dolaru definující jQuery
• A (selektor) k "vyhledání" prvků HTML
• Akce jQuery (), která se má u těchto prvků provést

Pokud načtete skript do zápatí, budete moci zabalit svůj kód do anonymní funkce. Postup je následující:

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

Pokud chcete přidat svůj skript do záhlaví (tomu, čemu byste se měli pokud možno vyhnoutMůžete jej zabalit do funkce, která se spustí, když je dokument připraven.

Objevte také mimochodem Jak přidat snadno kód na WordPress bez porušení vašich webových stránek

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

Jak propojit své skripty s jQuery

Nyní, když můžete psát platný kód jQuery na WordPress, propojíme naši práci s naším webem. Ve WordPress se proces nazývá ' enqueueing "(ocasní systém). U běžných webových stránek HTML bychom měli použít značkuskript> pro přidání skriptů.

WordPress může udělat totéž, ale k dosažení tohoto cíle použijeme speciální funkce WordPress. Tímto způsobem WordPress za nás spravuje všechny naše závislosti.

Pokud pracujete na tématu, můžete tuto funkci použít wp_enqueue_script () ve vašem souboru functions.php soubor. Můžete to udělat 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');

Funkce má pět argumentů. První můžete použít k odkazování na skript, druhý je umístění souboru skriptu, třetí parametr je pole závislostí.

Přidal jsem jQuery jako závislost, protože to skript používá. Pokud vytvoříte skript, který závisí na „my-pra-script Musíte jej přidat do seznamu závislostí, aby WordPress věděl, které soubory je třeba nejprve načíst.

Objevte také Jak načíst JavaScript na WordPress

Čtvrtý parametr je číslo verze a pátý parametr umožňuje WordPress vědět, kam umístit skript. Ve výchozím nastavení se skripty načítají do záhlaví, což je špatný postup, protože zpomaluje načítání vaší webové stránky (prohlížeče zastaví načítání všech stránek, kdykoli blok est rencontré). Do zápatí musíte načíst všechny své skripty, pokud je to možné, provedením pátého parametru “ pravdivý ".

Jak přidat skript na palubní desce

Můžete také přidat skripty na přístrojová deska. Použité funkce jsou úplně stejné, stačí použít „ háček " odlišný. Podívejte se na níže uvedený příklad:

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');

Místo použití Wp_enqueue_scripts musíme použít admin_enqueue_scripts, a to je vše !

Použití podmíněných značek

Použijte podmíněné značky, abyste skripty načetli pouze v případě potřeby. To se nejčastěji používá na řídicím panelu, kde byste chtěli skriptovat pouze na konkrétní stránku. Tím se ušetří šířka pásma a doba zpracování, což znamená rychlejší načítání vašeho webu.

Objevte také naše Pluginy 10 WordPress ke zvýšení rychlosti načítání vašeho blogu

Podívejte se na dokumentační admin_enqueue_scripts Další informace naleznete v kodexu WordPress.

Objevte také některé prémiové doplňky WordPress  

Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.

Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.

1. Interaktivní mapy světa

Interaktivní mapy světa jsou a WordPress Plugin který vám pomůže vytvořit tolik map, kolik chcete, s interaktivními a barevnými značkami, kontinenty, zeměmi nebo regiony.

Je plně kompatibilní s novou verzí WordPress a Vizuální skladatel, Díky tomuto pluginu můžete zobrazit několik typů regionů, jako jsou: mapa celého světa, kontinent nebo subkontinent (Afrika, Evropa, Amerika, Asie, Oceánie a všechny jejich subkontinenty), země, země dělená svými regiony, stát USA, Spojené státy děleny metropolitními oblastmi, stát USA děleny metropolitními oblastmi.

Stáhnout | Demo | Web hosting

2. Kontaktní formulář AJAX se sledováním

Ce WordPress Plugin umožňuje snadno přidávat kontaktní formuláře nebo formuláře pro komentáře WordPress blog. Dodává se se správcem nastavení, ke kterému lze přímo přistupovat prostřednictvím řídicího panelu WordPress.

Mezi jeho hlavní rysy patří mimo jiné: a fpro e - mail, podpora CAPTCHA matematika na formulářích, přizpůsobení a konfiguraci pomocí ovládacího panelu WordPress možnost ddefinovat vlastní autoresponder, podporu pro vlastní CSS a další

Stáhnout | Demo | Web hosting 

3. PayPal Standardní platební brána pro ninjové formy

PayPal Standard Gateway for Ninja Forms vám umožňuje vytvářet formuláře, které se bezproblémově integrují do platební brány PayPal. 

Budete moci vytvářet personalizované objednávkové formuláře a přijímat platby pomocí standardních účtů Paypal. Mezi jeho hlavní vlastnosti patří: snadná a rychlá integrace, integrace IPN, schopnost aktivovat / deaktivovat bránu PayPal na jednotlivých formulářích, podpora pravidelných plateb atd.

Stáhnout | Demo |  Web hosting

Další doporučené zdroje

Zveme vás také, abyste si prostudovali níže uvedené zdroje, abyste se dostali dále do sevření a kontroly nad svým webem a blogem.

• Jak efektivně používat kategorie a značky na WordPress
• Jak vytvořit reagující nabídku pro mobilní WordPress
• Jak vytvořit intranetový WordPress pro vaši organizaci
• Jak nainstalovat plugin v systému WordPress

Proč investovat do čističky vzduchu?

Tady ! To je pro tento tutoriál vše. Doufám, že nyní víte, jak přidat skript na WordPress. Neváhejte sdílejte tip se svými přáteli na svých sociálních sítích.

Budete však také moci konzultovat naše ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress.

Ale mezitím nám pověz o svém commentaires a návrhy ve vyhrazené sekci.

...