JavaScript pour les développeurs WordPress: chargement de JavaScript dans WordPress
Détermine quels fichiers sont téléchargés et quand. Ce mécanisme est nécessaire pour comprendre la dépendance. Si vous écrivez du Code jquery pour un sujet, vous devez d’abord charger jquery lui – même. Vous pouvez écrire du code basé sur le plug – in jquery. Dans ce cas, vous devez d’abord charger jquery, puis charger le plug – in, puis charger le Code.
Vous pouvez joindre un script à un fichier de fonction ou à un fichier plug – in pour un sujet. Voici le code complet qui contient le script basé sur jquery: charger le résumé d03c5cc6bcd91cf0255ada4751b475e d’abord, vous devez lier la fonction à WordPress. Le premier paramètre de la fonction add _ action () indique à WordPress où placer ces scripts: à l’avant du site ou dans l’administrateur. Si vous utilisez le script WP _ enqueue vous les Placez sur le client; si vous utilisez le script admin enqueue vous placez le script admin enqueue sur le client.
Dans la fonction Dock, vous pouvez ajouter le script désiré en utilisant le script WP _ enqueue script. La fonction accepte un argument obligatoire et quatre arguments optionnels: le premier est le nom du script. Vous pouvez choisir celui que vous aimez, mais assurez – vous de lui donner un nom unique pour éviter les problèmes de nommage. Le deuxième paramètre doit contenir l’emplacement du fichier script. Le troisième paramètre contient un ensemble de dépendances. Dans l’exemple ci – dessus, j’a i souligné que jquery est une dépendance. Toutes les dépendances sont chargées avant le script. Le quatrième paramètre est le numéro de version. Le cinquième et dernier paramètre indique si vous voulez charger le script dans le titre ou à la fin de la section corps. Utilisez True pour charger à la fin ou FALSE (ou ignorez la valeur) pour charger dans la section tête. Les dépendances WordPress sont accompagnées d’une copie de jquery, c’est pourquoi vous pouvez l’ajouter comme dépendances sans aucun problème. WordPress contient également de nombreux autres scripts et plugins jquery.
La technique. Par exemple, vous pouvez créer un carrousel d’image que l’utilisateur peut ajouter au Post: [Carrousel id = ‘42124123331,90’]. Un carrousel sera créé sur la page de post en utilisant l’image spécifiée par Id. pour ce faire, vous créerez un carrousel. JS basé sur jquery. Voici quelques codes qui implémentent cette fonctionnalité (qui ne fait en fait pas que le Carrousel n’affiche que des scripts chargés):
Charger le résumé d03c5cc6bcd91cf0255ada4751b475e nous avons enregistré le script pour nous assurer qu’il est connu de WordPress, mais nous l’avons simplement ajouté à la fonction shortcode elle – même. De cette façon, le script n’est ajouté à la page que si le Code Court est utilisé sur la page. Propre et propre! Une autre façon de charger un script conditionnellement est d’utiliser des fonctions conditionnelles. Si vous chargez un script sur toutes les pages d’archive de catégorie, vous pouvez utiliser la balise de condition is _ Category (). Charger le résumé d03c5cc6bcd91cf0255ada4751b475e l’entrée WordPress Codex sur le script admin _ enqueue fournit un bon exemple de la façon dont un script peut être dirigé vers une page administrative spécifique.
Le premier paramètre de la fonction Load Summary d03c5cc6bcd91cf0255ada4751b475e Dock est l’id de votre page actuelle. Dans l’exemple ci – dessus, chaque fois que vous modifiez. Php n’est pas édité. La fonction PHP ne renvoie que. Sinon, ajoutez le script. Supprimer et remplacer un script c’est un cas courant, mais il peut parfois être nécessaire de supprimer ou de remplacer un script. J’ai rencontré une situation où le script ajouté par le plug – in (mais le sujet n’est pas utilisé) cause des problèmes. Supprimer est le meilleur choix pour faire disparaître l’erreur immédiatement.
Si vous testez quelque chose pour vous assurer qu’il est compatible avec la nouvelle version, vous voudrez peut – être aussi remplacer jquery par la nouvelle version. Ces situations
Où WP _ deregister script () et WP queue script () sont utiles. Voici comment remplacer le jquery intégré de WordPress par votre propre jquery: Télécharger le résumé d03c5cc6bcd91cf0255ada4751b475e l’idée finale la méthode de mise en file d’attente dans WordPress est excellente car elle vous permet d’ajouter des scripts de manière modulaire. Vous pouvez toujours vous assurer que les dépendances sont chargées correctement – vous n’avez même pas besoin de fournir beaucoup de dépendances, car WordPress est plein de plug – ins jquery. Si vous utilisez des styles, vous pouvez les mettre en file d’attente et les enregistrer de la même façon, en utilisant simplement WP _ enqueue style (). Enfin, assurez – vous que votre plug – in ou sujet n’est pas sali par le script. Si cela a du sens, vous devriez les utiliser le moins possible et les lier à un seul fichier. Dans le prochain Tutoriel de cette série, nous apprendrons comment utiliser Ajax pour ajouter des fonctionnalités exceptionnelles au site WordPress. Pensez – vous que ce tutoriel est utile? Pourquoi apprendre le javascript dans le développement WordPress? Que voulez – vous en savoir plus? Veuillez nous le faire savoir dans les commentaires ci – dessous. Étiquettes: JavaScript