Ajouter JavaScript aux thèmes WordPress de la bonne manière

Il existe une méthode spécifique pour ajouter du JavaScript aux thèmes WordPress afin d’éviter tout conflit avec le plugin principal ou le thème WordPress. Le problème est que de nombreux développeurs appellent leurs fichiers JavaScript directement dans le fichier drsquoen tête. Php ou pied de page. Php, crsquoest la mauvaise approche. Dans ce guide, je vais montrer comment appeler correctement un fichier javascript en utilisant des fonctions de fichier. PHP pour les charger directement dans la balise Head ou footer du site. Ainsi, si développez un thème pour le déploiement et que vos utilisateurs finaux veulent éditer des scripts à travers des sous thèmes, ils peuvent le faire, ou srsquoils utilisent des plug ins minimize cache ou drsquoautres optimisations, il fonctionnera correctement. utilisez des sous thèmes, Vos scripts sont ajoutés correctement sans copier les fichiers drsquoen tête. Php ou pied de page. Utilisez PHP dans votre sous thème, ce qui nrsquoest absolument pas nécessaire (lorsque utilisez un thème bien codé)
La mauvaise méthode pour ajouter JavaScript au thème WordPress appelle JavaScript dans le fichier d’en tête. Php ou pied de page. Php montré ci dessous nrsquoest pas la bonne approche, et je recommande fortement de ne pas le faire, il provoque souvent des conflits avec drsquoautres plug ins, et il nrsquoest jamais une bonne idée drsquoutiliser CMS manuellement. La bonne façon d’ajouter du JavaScript à un thème WordPress la meilleure façon d’ajouter du JavaScript à un thème WordPress est par des fichiers de fonctions. Php utilise le script WP _ enqueue script. Le chargement du JavaScript à lrsquoaide de lrsquoopération WP _ enqueue scripts aidera à éviter les problèmes avec le sujet.
Exemple WP _ enqueue script (lsquoMy scriptrsquo, get Template Directory Uri (). lsquo Js mon script. JSrsquo, array (), True) Le code ci dessus va charger mon fichier script. JS est sur votre site. Comme pouvez le voir, je nrsquoai inclus que $handle, mais pouvez également ajouter des dépendances pour le script, le numéro de version et srsquoil doit être chargé dans lrsquoen tête ou le pied de page (paramètres de préparation)
Est ajouté au fichier de fonction. PHP) Comment créer une fonction et ensuite invoquer le script en utilisant le crochet WordPress. * * * Script * Function myprefix _ enqueue scripts () {WP enqueue script (lsquoMy scriptrsquo, get Template Directory Uri (). js My script.jsrsquo, array (), True)} Ajouter une action (lsquoWP _ enqueue scriptsrsquo,rsquo myprefix enqueue scriptsrsquo) Remarque: voir comment utiliser la fonction get _ Template Directory Uri lors de la définition de lemplacement du script? Cette fonction crée lrsquoURL du dossier sujet. utilisez un sous thème, devez utiliser get _ Stylesheet Directory Uri pour qursquoil pointe vers votre sous thème au lieu du thème parent.
Bien que puissiez facilement coller du JavaScript inline dans n’importe quel fichier Template via des balises script, pouvez également ajouter du Code inline en utilisant les crochets WordPress, en particulier en ce qui concerne le plug in de base ou le Code de thème. Voici un exemple drsquoajout drsquoun script inline à un site: la fonction myprefix _ add inline script () {WP add inline script (lsquoMy scriptrsquo, lsquoalert (
En utilisant cette méthode, les gens peuvent facilement supprimer vos scripts en ligne via des sujets
Child ou un plug in supplémentaire pour garder tout votre JavaScript personnalisé bien organisé et analysé par WordPress, ce qui est plus sûr. utilisez des sous thèmes, pouvez des scripts via la fonction fichier. Php au lieu de copier le fichier drsquoen tête. Php ou pied de page. Sous thème de PHP. Crsquoest à dire, si travaillez sur un sous sujet non désiré, il suffit de le code dans lrsquoen tête en utilisant le crochet WP _ Head ou WP footer, comme dans lrsquoexemple suivant:
Ajouter _ action (lsquoWP footerrsquo, fonction () {? gt (fonction ($) {lsquouse strictrsquo $(document). Dans (lsquoreadyrsquo, fonction () { Custom Code here}) (jquery) lt? Php})

Laisser un commentaire

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

ContactPress Supported By WordPress Plugins