Ajouter jquery au site WordPress
Jquery est la Bibliothèque JavaScript la plus populaire. Il fournit un certain nombre de plug – ins prêts à l’emploi qui simplifient considérablement le développement frontal. Au lieu de créer un nouveau contenu, vous 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 vous installez un nouveau modèle pour votre site, vous risquez de rencontrer une situation où les fonctionnalités supplémentaires dont vous avez besoin ne fonctionneront pas en raison d’une version plus ancienne de jquery liée à WordPress. En fait, la solution à ce problème n’est 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 l’utilisation de cette bibliothèque. Examinons la question plus en détail.
Dans cet article, nous vous montrerons comment désactiver et activer jquery correctement dans WordPress et télécharger la dernière version. Nous espérons que cette information vous 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 l’utiliser correctement dans les plug – ins et les sujets, vous devez ajouter le code suivant au fichier de fonctions. PHP:
WP _ enqueue script (\
1.
|
WP queue script (\
|
L’astuce ici est que par défaut, une copie de jquery fonctionne en mode compatible. Cela signifie que le raccourci connu $n’est pas
Il va s’en sortir. Ceci est fait pour éviter les conflits avec d’autres 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 (\
123456789
|
\/* Jquery * \/ $(\
|
Lorsque vous é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. Si le script est chargé dans le pied de page (comme c’est le cas dans la plupart des cas), vous pouvez encapsuler le code dans une fonction anonyme. Passer à:
(fonction ($)
Valide! Vous pouvez le tester avec la ligne suivante si vous voulez
Console. Logarithme ($);
}) (jquery);
1234567
(la fonction ($) {\/ $est valide! Utilisez la ligne suivante pour la tester \/ \/ console.log ($);}) (jquery); |
|
Si vous devez charger tous les scripts dans le titre, vous 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 vous 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, vous devrez peut – être charger jquery à partir d’une autre source, comme un CDN. Tout d’abord, vous devez vous 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 (‘jquery’, ‘\/ \/ cdnjs.cloudflare.com \/ ajax \/ libs \/ jquery \/ 2.2.4 \/ jquery.min.js’, false, null);
WP _ enqueue script (\
|
123.
WP _ Register script (‘jquery’, ‘\/ \/ cdnjs.cloudflare.com \/ ajax \/ libs \/ jquery \/ 2.2.4 \/ jquery.min.js’, false, null); WP _ enqueue script (\
Rappelez – vous 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, vous 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. Qu’est – 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 l’ancienne version de jquery et charger une version compatible
Fonction my _ Update jquery () {
Si (! Is _ admin ())
Script de déconnexion WP _ logoff (\
WP _ Register script (‘jquery’, ‘ https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1\/jquery.min.js , faux, faux, vrai);
WP _ enqueue script (\
}
}
Ajouter une action (‘WP _ enqueue scrips’, my Update JQ
ULi. Min.js’, faux, faux, vrai);
WP _ enqueue script (\
}
}
Ajouter _ action (‘WP enqueue scripts’, my Update jquery);
|
1234567891011121314
|
Fonction my _ Update jquery () {if (! Is admin () {WP deregister script (‘jquery core’); WP Register script (‘jquery core’, ‘ https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1\/jquery.min.js , faux, faux, vrai); WP _ enqueue script (‘jquery’);}} Ajouter _ action (‘WP enqueue scripts’, my Update jquery);
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 n’affecte pas ce processus. Modifier le fichier de fonction. Dans la plupart des cas, PHP sera un meilleur choix. Il n’est pas trop difficile d’entrer d’autres tableaux. Si vous avez quelque chose à ajouter à jquery dans WordPress, partagez – le avec nous dans vos commentaires.