Ajouter jquery au site WordPress

Jquery est la Bibliothèque JavaScript la plus populaire. Il fournit un certain nombre de plug ins prêts à lemploi qui simplifient considérablement le développement frontal. Au lieu de créer un nouveau contenu, pouvez simplement ajouter des plug ins et corriger tout problème avec votre site. Il est également souvent utilisé dans wordpress pour simplifier la partie avant du site. De plus, par défaut, il est même ajouté à WordPress. Lorsque installez un nouveau modèle pour votre site, risquez de rencontrer une situation où les fonctionnalités supplémentaires dont avez besoin ne fonctionneront pas en raison d’une version plus ancienne de jquery liée à WordPress. En fait, la solution à ce problème nrsquoest pas aussi complexe. Pour mettre à jour WordPress jquery, il suffit d’ajouter quelques lignes de code. Cependant, il y a quelques nuances intéressantes dans lrsquoutilisation de cette bibliothèque. Examinons la question plus en détail.
Dans nous montrerons comment désactiver et activer jquery correctement dans WordPress et la dernière version. Nous espérons que cette information aidera. Il y aura de nombreux exemples de code dans cet article. Comment ajouter jquery à un thème WordPress personnalisé ou à un plugin comment connecter jquery à WordPress comment enregistrer correctement jquery jquery WordPress comment utiliser une version jquery différente de WordPress comment mettre à jour WordPress jquery avec « $» au lieu de « jquery » dans WordPress Nous avons constaté que WordPress est livré avec jquery. Pour lrsquoutiliser correctement dans les plug ins et les sujets, devez ajouter le code suivant au fichier de fonctions. PHP:
WP _ enqueue script (

Lrsquoastuce ici est que par défaut, une copie de jquery fonctionne en mode compatible. Cela signifie que le raccourci connu $nrsquoest pas
Il va srsquoen sortir. Ceci est fait pour éviter les conflits avec drsquoautres bibliothèques JavaScript qui utilisent des symboles dollar, comme mootools ou prototype. De nombreux créateurs de plug ins et développeurs de sujets le savent et utilisent jquery au lieu de « $» pour protéger le produit.
Jquery générique partout
$(
Sécurité jquery en WordPress
Jquery (

1.

WP queue script (

123456789

* Jquery * $(

Lorsque écrivez des lignes de requête plusieurs fois dans un script, cela complique sa lisibilité et augmente excessivement la taille du script. Par conséquent, le site est surchargé et fonctionne plus lentement. Arrêtons ça. le script est chargé dans le pied de page (comme crsquoest le cas dans la plupart des cas), pouvez encapsuler le code dans une fonction anonyme. Passer à:
(fonction ($)
Valide! Vous pouvez le tester avec la ligne suivante si voulez
Console. Logarithme ($)
}) (jquery)

1234567

(la fonction ($) { $est valide! Utilisez la ligne suivante pour la tester console.log ($)}) (jquery)

devez charger tous les scripts dans le titre, devrez peut être utiliser la fonction de préparation du document. Sera envoyé à:
Jquery (document). Prêt (fonction ($)
Valide! Vous pouvez le tester avec la ligne suivante si voulez
Console. Logarithme ($)
})

1234567

Jquery (document). Ready (Function ($) { $work! You can test it console.log ($)} with the next Line if you want

Vous pouvez maintenant utiliser le symbole $en toute sécurité dans les scripts jquery ajoutés au site WordPress. Comment ajouter jquery à un thème WordPress personnalisé ou à un plugin pour exécuter un script jquery sur un site WordPress,
Lukin, mais il te faut une autre version. De plus, devrez peut être charger jquery à partir drsquoune autre source, comme un CDN. Tout drsquoabord, devez déconnecter de jquery précédemment chargé:
Script de déconnexion WP _ logoff (

1.

Script de déconnexion WP _ logoff (

Puis enregistrez en un nouveau. Par exemple, de cette façon:
WP _ Register script (lsquojqueryrsquo, lsquo cdnjs.cloudflare.com ajax libs jquery 2.2.4 jquery.min.jsrsquo, false, null)
WP _ enqueue script (

123.

WP _ Register script (lsquojqueryrsquo, lsquo cdnjs.cloudflare.com ajax libs jquery 2.2.4 jquery.min.jsrsquo, false, null) WP _ enqueue script (

Rappelez que Wp _ Register script () a plusieurs paramètres: WP Register script ($handle, $SRC, $DEPS, $ver, $in footer) $ Poignée raccourci, nom de script unique $ SRC script path $ DEPS tableau de scripts dépendants du script chargé Ver version Dans _ footer Téléchargez le script dans le pied de page. Comment mettre à jour la Bibliothèque de mise à jour WordPress jquery se compose de deux parties. Tout d’abord, devez désactiver le script dans WordPress jquery et le réactiver. Pour ce faire, utilisez les fonctions WP _ deregister script, WP Register script, WP enqueue script. Qursquoest ce que ça veut dire?
WP _ Register script enregistre le script à connecter (ne pas charger automatiquement) WP _ enqueue script script pour charger le site sujet plug in Script de déconnexion wp U: supprime le script précédemment enregistré. Code de mise à jour jquery complet dans le fichier de fonctions. Php sera comme suit:
Supprimer le thème de lrsquoancienne version de jquery et charger une version compatible
Fonction my _ Update jquery () {
(! Is _ admin ())
Script de déconnexion WP _ logoff (
WP _ Register script (lsquojqueryrsquo, lsquo https:ajax.googleapis.comajaxlibsjquery1jquery.min.js , faux, faux, vrai)
WP _ enqueue script (
}
}
Ajouter une action (lsquoWP _ enqueue scripsrsquo, my Update JQ
ULi. Min.jsrsquo, faux, faux, vrai)
WP _ enqueue script (
}
}
Ajouter _ action (lsquoWP enqueue scriptsrsquo, my Update jquery)

Fonction my _ Update jquery () {if (! Is admin () {WP deregister script (lsquojquery corersquo) WP Register script (lsquojquery corersquo, lsquo https:ajax.googleapis.comajaxlibsjquery1jquery.min.js , faux, faux, vrai) WP _ enqueue script (lsquojqueryrsquo)}} Ajouter _ action (lsquoWP enqueue scriptsrsquo, my Update jquery)

1234567891011121314

Le paramètre jquery Core spécifie que seuls les scripts de la bibliothèque principale et la migration jquery sont remplacés. Min.js nrsquoaffecte pas ce processus. Modifier le fichier de fonction. Dans la plupart des cas, PHP sera un meilleur choix. Il nrsquoest pas trop difficile drsquoentrer drsquoautres tableaux. avez quelque chose à ajouter à jquery dans WordPress, partagez le avec nous dans vos commentaires.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins