Ajouter Javascript au site WordPress - 7 méthodes étape par étape

Ajouter Javascript à WordPress

Il existe généralement de nombreuses raisons pour lesquelles vous souhaitez ajouter Javascript à WordPress, soit une petite modification d'une fonctionnalité, soit vous cherchez peut-être à ajouter un script tiers. Égardless de la raison pour laquelle vous voulez le faire, vous voulez vous assurer que vous ne vous trompez pas - parce que vous pourriez casser votre site Web ou créer un goulot d'étranglement de performance.

L'ajout direct de Javascript aux pages et aux publications WordPress n'est pas possible, nous suggérerons donc un certain nombre de façons différentes d'ajouter du code Javascript aux sites Web et lesquelles doivent être utilisées dans les différentes circonstances que vous pouvez rencontrer. 

Si vous êtes pressé, utilisez la table des matières ci-dessous pour faire défiler jusqu'à la partie pertinente de l'article.

 

Cet article inclut les modifications apportées au code WordPress. Si vous n'êtes pas sûr de peaufiner le code vous-même, vous voudrez peut-être apprenez à recruter le meilleur développeur WordPress pour votre entreprise ou consultez les options de développement bon marché suivantes. 

Si vous n'êtes pas sûr de savoir si cela vous convient et de ce qu'il faut faire rapidement, découvrez quelques concerts Fiverr qui peuvent le faire rapidement pour vous.

logo fiverr

Cliquez ici pour trouver des experts bon marché sur les correctifs WordPress

Qu'est-ce que JavaScript?

Si vous lisez cet article, vous connaissez probablement déjà ce qu'est JavaScript.

Cependant, pour le garder accessible à tous, nous allons rapidement décrire ce qu'est JavaScript et ce qu'il fait. N'hésitez pas à sauter cette partie si vous le savez déjà.

JavaScript est un langage de programmation qui s'exécute dans un navigateur. Il peut être appelé depuis le serveur Web mais s'exécute dans le navigateur du visiteur.

Cela offre beaucoup de possibilités pour lui faire faire des choses intéressantes comme l'intégration de vidéo et l'ajout de fonctions.

Par exemple, vous pouvez utiliser JavaScript pour intégrer un lecteur vidéo afin que votre serveur Web n'ait pas à le faire.

Cela améliore l'expérience utilisateur en incluant la vidéo, sans ajouter de charge à votre serveur Web pour lire la vidéo.

JavaScript est également utilisé dans les applications mobiles, les jeux, les applications serveur, le développement frontal et, plus récemment, le développement lié à l'IA.

Pouvez-vous utiliser JavaScript dans WordPress ?

Oui, vous pouvez utiliser JavaScript dans WordPress. Compte tenu de la flexibilité inhérente au CMS, vous pouvez utiliser JavaScript pour ajouter des éléments interactifs ou placer des API tierces sur une page.

Les utilisations sont nombreuses et variées, mais comme JavaScript est exécuté par le navigateur de l'utilisateur, il peut faire beaucoup sans ralentir votre serveur Web.

Vous pouvez ajouter un script de plusieurs façons, comme nous le verrons plus tard.

Avant d'apporter des modifications aux fichiers, nous vous recommandons de créer d'abord un thème enfant et/ou de sauvegarder votre site Web.

Vous ne pouvez pas être trop prudent!

Comment ajouter JavaScript à WordPress

Il existe plusieurs façons d'ajouter du code Javascript personnalisé à votre site WordPress, chacune avec ses propres utilisations:

  1. Ajouter un script dans certaines pages à l'aide d'un plugin tel que WPCode
  2. Ajoutez le script à une page spécifique ou unique de votre choix, ou à plusieurs pages à l'aide de functions.php
  3. Ajouter JavaScript à toutes les pages
  4. Ajouter un fichier Javascript à votre en-tête de thème
  5. Utilisation du crochet wp_head pour ajouter du JavaScript personnalisé
  6. Ajoutez JavaScript à votre pied de page WordPress
  7. Ajout de JavaScript à la vidéo WordPress
  8. Ajouter JavaScript à un widget WordPress

Passons en revue chacune de ces méthodes en détail.

Ensuite, nous partagerons rapidement comment déboguer JavaScript une fois que vous l'avez ajouté à une page.

Notes: Certaines de ces techniques impliquent d'apporter des modifications aux fichiers principaux. Bien que ce ne soit généralement pas une bonne idée de modifier functions.php et d'autres fichiers principaux de WordPress, nous voulons vous montrer toutes les façons d'ajouter du code.

Nous ne recommandons pas nécessairement d'apporter des modifications de cette façon, mais nous croyons qu'il est important de vous donner toutes les informations et de prendre ensuite votre propre décision.

1. Utilisez un plugin tel que WPCode

Si vous souhaitez simplement utiliser un plugin pour intégrer une référence javascript au fichier d'en-tête ou de pied de page du thème WordPress, le plugin WPCode est une option simple et gratuite.

Nous vous recommandons d'utiliser un plugin pour tous les changements de code car il garde tout propre et peut éviter tout problème sur la route.

Au lieu de modifier directement les fichiers du thème avec le code Javascript personnalisé, un plugin permet d'insérer le code, qui sera ensuite ajouté au header ou au footer de votre site, selon les options que vous aurez choisies. 

Ce plugin prend en charge plusieurs options différentes, nous allons donc décrire les plus courantes que vous devrez utiliser.

Vous pouvez télécharger WP Code ici ou installez-le en utilisant la fonction Install Plugins de WordPress.

Installez le plug-in WPCode :

  • Connectez-vous au backend ou à l'administrateur de votre site.
  • Cliquez sur Extensions > Ajouter un nouveau
  • Recherchez le plug-in "WPCode" et cliquez sur Installer maintenant.
  • Une fois installé, cliquez sur Activer

installer wpcode

 

Vous pouvez maintenant charger un script personnalisé sans fichier (par exemple pour ajouter un script qui vous a été fourni, tel que Google Analytics) ou télécharger un fichier Javascript personnalisé. 

L'option la plus courante que vous pouvez utiliser avec ce plugin est l'option d'ajouter le code directement dans WordPress.

Cela peut être utilisé lorsque vous utilisez un service tiers, tel que Google Analytics, Drip ou un autre outil qui nécessite l'ajout d'un script à votre site. Prenez simplement le script et déposez-le dans le En-tête et pied de page globaux fenêtre.

Vous pouvez choisir d'ajouter le script à l'en-tête, au corps ou au pied de page. Vous devriez avoir des conseils du fournisseur du script dans laquelle de ces sections vous devez ajouter le script.

Supposons que vous souhaitiez l'ajouter à l'en-tête :

ajouter du code javascript à l'en-tête wordpress

Cliquez Enregistrer les modifications pour finir.

Le plugin WPCode va maintenant ajouter le code à chaque page de votre site Web.

Rechargez le front-end et vérifiez la source de votre site Web pour vous assurer que le code s'affiche maintenant. C'est aussi une bonne idée de parcourir quelques pages pour confirmer que tout fonctionne toujours bien.

WPCode vous permet également de créer vos propres extraits de code.

Vous pouvez également insérer des extraits de code n'importe où sur votre site Web, tels que des publications ou des pages intérieures, avant ou après une publication, avant ou après le contenu, ou un certain nombre d'autres options dont vous pourriez avoir besoin.

Naviguez simplement vers Extraits de code > Ajouter un extrait puis sélectionnez Crée Le Tien.

ajoutez votre code personnalisé

Vous allez maintenant être amené à un Créer un extrait personnalisé page où vous pouvez donner un titre à votre code et le coller dans le Aperçu du code boîte.

créer un extrait de code javascript personnalisé

Puis, du Type de code menu déroulant, choisissez Extrait JavaScript.

extrait javascript

Ensuite, faites simplement défiler vers le bas jusqu'à ce que vous atteigniez le Insertion région.

Il ne reste plus qu'à choisir un emplacement pour le code dans le menu déroulant. Localiser Page, message, type de message personnalisé et spécifiez où vous voulez que le code s'affiche sur la page ou la publication.

Si vous voulez que WPCode place l'extrait avant ou après un paragraphe, vous pouvez spécifier quel paragraphe dans le message il doit apparaître avant ou après.

Si vous saisissez 1 dans le champ "Insérer un numéro", par exemple, l'extrait de code apparaîtra avant ou après le premier paragraphe. Pour le deuxième paragraphe, utilisez 2, et ainsi de suite.

Après cela, basculez simplement la bascule près du haut de l'écran pour Actif, puis cliquez sur le Enregistrer l'extrait option à côté.

C'est tout ce qu'il faut pour ajouter JavaScript à WordPress !

Le principal avantage d'utiliser un plugin est qu'il s'agit d'une option conviviale pour les débutants. Vous n'avez pas à vous soucier de modifier les fichiers de votre thème. Le plugin WPCode peut également être utile si vous recherchez une coutureless moyen d'ajouter d'autres types de code et de CSS personnalisés.

Cependant, l'inconvénient de cette méthode est qu'elle implique l'installation d'un plugin tiers, ce que certains propriétaires de sites tentent d'éviter.

Si vous souhaitez limiter vos extensions au minimum, vous feriez peut-être mieux d'utiliser l'une des autres méthodes.  

Même si cela semble assez simple, cela peut sortir de votre zone de confort, donc si vous voulez le faire rapidement, consultez quelques mobiles sur Fiverr qui peut le faire pour vous.

logo fiverr

Cliquez ici pour trouver des experts bon marché sur les correctifs WordPress

 

2. Ajoutez JavaScript à une page ou un article WordPress spécifique

Ce tweak de code utilisera le fonctions fichier trouvé dans votre dossier de modèles pour ajouter un fichier .JS de votre choix à une seule page de votre choix uniquement.

Cela utilise le IS_PAGE fonction que vous pouvez trouver ici

Vous pouvez en fait utiliser diverses autres options si vous souhaitez ajouter le script uniquement dans des conditions spécifiques telles que :

  • is_single(),
  • is_front_page(),
  • is_home,
  • is_admin et ainsi de suite 

Si vous devez ajouter le fichier à toutes les pages, continuez à faire défiler pour trouver d'autres alternatives à cette méthode ci-dessous.

    • Tout d'abord, vous devrez identifier l'ID de la page à laquelle vous souhaitez ajouter le script.
    • Pour ce faire, accédez à la page à laquelle vous souhaitez ajouter le fichier, cliquez sur Modifier puis récupérez l'ID de la page à partir de l'URL comme vous pouvez le voir ci-dessous. L'ID est le numéro trouvé dans l'URL de la barre du navigateur.

identifiant de la page wordpress

  • Maintenant que vous avez l'ID de la page, vous devrez télécharger le fichier .js vers un emplacement. Nous vous recommandons de télécharger le fichier .js dans votre dossier de modèles, peut-être dans le répertoire enfant.
  • Une fois que vous avez téléchargé cela, vous devez prendre note exactement du répertoire et du nom du fichier .JS, que nous utilisons à la place de PATH_TO_JS_FILE ci-dessous. À titre d'exemple, votre fichier peut se trouver dans: https://www.yourwebsite.com/wp-content/themes/twentynineteen/js/myjsfile.js
  • Prenez note de cette URL complète et remplacez le PATH_T_JS_FILE ci-dessous. Vous devrez également remplacer l'ID que vous avez trouvé ci-dessus.
  • Ajoutez le code complet ci-dessous à la fin du fonctions fichier de votre modèle.

fonction collectiveray_load_js_script() {
  if (is_page (ID)) {
    wp_enqueue_script ('js-file', 'PATH_TO_JS_FILE', array ('jquery'), '', false);
    // ou utilisez la version ci-dessous si vous savez exactement où se trouve le fichier
    // wp_enqueue_script ('js-file', get_template_directory_uri (). '/js/myscript.js');
  }
}

add_action('wp_enqueue_scripts', 'collectiveray_load_js_script');

Si vous savez exactement où vous avez placé le fichier JS, vous pouvez utiliser une légère variation du wp_enqueue_script: 

wp_enqueue_script ('fichier-js', get_template_directory_uri (). '/js/myscript.js');

Dans ce cas, le fichier /js/mysript.js est l'emplacement du fichier que vous souhaitez ajouter.

Une fois que vous rechargez la page, vous constaterez que le fichier a été ajouté. Vous pouvez le confirmer en cliquant sur Afficher la source de la page.

Si au lieu d'ajouter le fichier Javascript à une page, vous souhaitez l'ajouter à une seule page, nous pouvons utiliser un léger ajustement de cette fonction, pour la faire appliquer à un seul article. Vous pouvez utiliser n'importe quelle variante des éléments suivants:

  • is_single ('17') - utilise l'identifiant de publication
  • is_single ('Titre de mon message') - utilise le titre de l'article pour vérifier s'il s'agit de l'article auquel ajouter le fichier
  • is_single ('mon-titre-post') - contre le limace du poteau
  • is_single (array (17, 'mon-titre-article', 'Mon titre d'article')) - ceci vérifie si l'une des conditions ID de publication est "17", le slug est "mon-titre-post", ou le titre est "Mon titre de poste"
  • is_single () - d'autres variations de la fonction is_single utilisant un tableau de valeurs à vérifier

Le code, dans ce cas, serait le suivant ou une légère variation en fonction des paramètres de la fonction is_single. 

fonction collectiveray_load_js_script() {
  if (is_single ('17 ')) {
    wp_enqueue_script ('js-file', 'PATH_TO_JS_FILE', array ('jquery'), '', false);
    // ou utilisez la version ci-dessous si vous savez exactement où se trouve le fichier
    // wp_enqueue_script ('js-file', get_template_directory_uri (). '/js/myscript.js');
  } 
}

add_action('wp_enqueue_scripts', 'collectiveray_load_js_script');

Si vous avez le titre de l'article, vous pouvez l'utiliser au lieu du paramètre "17". Une fois de plus, le wp_enqueue_script peut également être modifié pour:

wp_enqueue_script ('fichier-js', get_template_directory_uri (). '/js/myscript.js');

3. Ajouter JavaScript à toutes les pages

Comme nous l'avons vu, la méthode la plus simple et la plus propre pour ajouter un fichier javascript à votre thème WordPress consiste à utiliser functions.php fichier avec wp_enqueue_script.

Dans ce cas, au lieu de créer une condition pour ajouter le contenu à des pages spécifiques, nous allons ajouter une fonction générique.

Voici comment le faire:

Ouvrez votre functions.php et copiez-y l'extrait de code ci-dessous. Assurez-vous de remplacer l'URL du modèle par la vôtre avant d'enregistrer.

fonction collectiveray_theme_scripts_function() {
  wp_enqueue_script ('fichier-js', get_template_directory_uri (). '/js/myscript.js');
}
add_action('wp_enqueue_scripts','collectiveray_theme_scripts_function');

Si vous êtes en utilisant un thème enfant, vous devrez utiliser get_stylesheet_directory_uri () au lieu de get_template_directory_uri () 


En utilisant cette méthode, vous n'avez pas besoin d'installer un autre plugin si vous modifiez votre fichier functions.php. Cette méthode peut également être utilisée pour ajouter des fonctionnalités et des fonctionnalités à la fois à votre thème et à WordPress lui-même. Cette approche, par exemple, peut installer JavaScript dans une seule publication ou page ou dans toutes les pages.

Le principal inconvénient de cette stratégie est qu'elle vous oblige à gérer du code et à mettre à jour les fichiers de votre site Web. Par conséquent, si vous manquez d'expérience dans ce domaine, ce n'est peut-être pas l'alternative idéale.

logo fiverr

Cliquez ici pour trouver des experts bon marché sur les correctifs WordPress

4. Ajoutez JavaScript à votre en-tête de thème

Dans certains cas, vous voudrez peut-être que le fichier JavaScript soit utilisé dans tout votre site, mais vous ne voulez pas utiliser de plugin pour ce faire.

Par exemple, si vous souhaitez ajouter un script tiers à toutes vos pages (par exemple, le script instantpage.js pour rendre votre site Web plus rapide), vous pouvez insérer le script, ou ajouter le fichier de script référencé lui-même, dans le head de votre header.php fichier modèle. 

CE N'EST PAS L'IDEAL. Si vous mettez à jour votre thème, vous risquez de perdre ces modifications. Si vous souhaitez toujours le faire directement, il est fortement recommandé de créer un thème enfant.

Pour ce scénario, où vous souhaitez que ce script soit ajouté partout, vous pouvez ajouter le fichier directement au modèle selon les instructions ci-dessous:

Cet appel au fichier (ou au script) doit être ajouté entre les balises méta et le lien de la feuille de style. C'est exactement la même chose que si vous ajoutiez du code Javascript dans n'importe quelle page HTML. 

Pour "ajouter" le fichier Javascript dans votre site, dans le head, vous utilisez le code suivant:


Assurez-vous que vous avez défini le type correctement, sinon votre site ne sera pas valide. Assurez-vous également que le répertoire / scripts existe dans le thème et que vous y avez ajouté le myscript.js.

Vous pouvez ensuite ajouter toute référence aux fonctions utilisées dans le fichier que vous venez d'ajouter au HTML où vous devez l'utiliser. 

Par exemple, voici un exemple d'utilisation de la fonction que vous venez d'ajouter.

" >Le titre va ici

4. Utilisation du crochet wp_head pour ajouter du JavaScript personnalisé


Vous pouvez également ajouter du JavaScript personnalisé à votre en-tête en utilisant le Wp_head crochet d'action. Encore une fois, cette solution n'est pas préférée car elle génère un nombre excessif de scripts. C'est, jamaisless, préférable à l'insertion manuelle des scripts dans votre fichier header.php.

Cette méthode, qui peut également être utilisée pour le pied de page, utilise le ou les crochets d'action pour insérer des scripts en ligne dans votre site. Contrairement à la fonction de script wp enqueue, qui met en file d'attente des scripts personnalisés, la méthode wp head imprime les scripts dans votre modèle d'en-tête (et le pied de page, si vous utilisez le wp_footer accrocher).

Pour commencer, accédez à votre fichier functions.php et copiez-collez le code suivant :

function collectiver_custom_javascript() { ?>

<?php } add_action('wp_head', 'collective_custom_javascript');

Il convient de noter que le crochet wp head ne fonctionne que sur le front-end de votre site Web. Cela implique que tout JavaScript personnalisé ajouté via cette approche n'apparaîtra pas dans les zones d'administration ou de connexion. Cependant, si vous souhaitez ajouter JavaScript à ces emplacements, vous pouvez le faire en utilisant les hooks d'action admin head et login head.

Les développeurs apprécient la fonction de script wp enqueue car elle évite les conflits pouvant survenir avec d'autres solutions, comme l'ajout direct de scripts à votre fichier header.php. De plus, cette solution ne génère aucun script dépendant.

Le problème majeur avec l'ajout de JavaScript WordPress personnalisé à l'en-tête de votre site est qu'il peut interférer avec d'autres plugins qui chargent leurs propres scripts. Cette configuration peut également entraîner le chargement de plusieurs scripts plusieurs fois, ce qui peut ralentir la vitesse et les performances globales de votre site Web.

L'ajout de JavaScript à votre pied de page WordPress est relativement simple. Vous pouvez ajouter du code au fichier d'en-tête ou de pied de page, utiliser un élément de code personnalisé dans votre générateur de page ou votre thème ou utiliser un plug-in d'en-tête et de pied de page spécifique.

Ajoutez JavaScript à votre pied de page WordPress

Comme vous devez éviter d'ajouter du JavaScript à vos fichiers header.php ou footer.php, nous allons utiliser un plugin.

Je recommande le WPCode - Insérer des en-têtes et des pieds de page + des extraits de code personnalisés plugin.

Sélectionnez Paramètres et par Insérer des en-têtes et des pieds de page menu.

Collez ensuite votre code JavaScript dans la section de pied de page de la page.

Enregistrez vos modifications lorsque vous avez terminé.

IMH

Voulez-vous un site Web rapide?

Qui suis-je plaisantais? Ne sommes-nous pas tous?

Alors pourquoi sommes-nous si nombreux à lutter ?

Le plus grand défi est généralement de trouver une société d'hébergement rapide et fiable.

Nous avons tous vécu des cauchemars - le support prend une éternité ou ne résout pas notre problème en blâmant toujours quelque chose de votre côté... 

Mais le plus gros problème est que le site Web semble toujours lent.

At CollectiveRay nous hébergeons avec l'hébergement InMotion et notre site Web est stupide et rapide. Nous exécutons sur une pile personnalisée de configuration de serveur LightSpeed ​​sur MariaDB avec un moteur PHP7.4 et via Cloudflare. 

Combiné avec nos optimisations frontales, nous servons de manière fiable 6000 utilisateurs chaque jour, avec des pics de plus de 50 utilisateurs simultanés. 

Vous souhaitez obtenir une configuration rapide comme la nôtre ? Transférez votre site gratuitement vers l'hébergement InMotion et bénéficiez de 50 % de réduction sur les tarifs actuels.

Essayez l'hébergement InMotion avec 50 % de réduction pour CollectiveRay visiteurs en avril 2024 UNIQUEMENT !

Hébergement InMotion 50 % de réduction pour CollectiveRay visiteurs

6. Ajout de JavaScript à la vidéo WordPress

Outils de gestion est si extensible qu'il vous permet d'ajouter facilement de nouvelles fonctionnalités et fonctionnalités à votre site Web sans avoir à redéfinir ou à remplacer l'ensemble de votre thème. Plutôt que de recréer le thème WordPress à partir de zéro, vous pouvez ajouter la fonctionnalité en ajoutant simplement des plugins.

Et si la fonctionnalité que vous souhaitez ajouter est plutôt petite et qu'il n'est pas nécessaire de créer ou d'installer un plugin, vous pouvez utiliser le fichier functions.php ou de diverses autres façons d'ajouter Javascript à WordPress sans avoir à créer un plugin séparé.

La meilleure chose à propos de la fichier de fonctions est qu'il agit comme un plugin, qui peut être utilisé pour ajouter des fonctionnalités et étendre les fonctionnalités du thème ainsi que de WordPress lui-même.

Bien que vous puissiez facilement ajouter Code Javascript directement à votre fichier header.php, mais il y a un problème avec cette méthode.

Cela peut en fait provoquer des conflits avec d'autres plugins lorsqu'ils chargent leurs propres scripts JS.

Dans cet article de CollectiveRay, nous examinons la bonne façon d'ajouter du javascript aux thèmes WordPress. En tant que développeurs WordPress, c'est l'une des choses que nous devrons faire très souvent.

(Note spéciale: Cherchez-vous une liste de réglages / astuces que vous pouvez facilement faire sur votre site WordPress sans utiliser de plugin? Vous pouvez consulter notre guide ici: 101 astuces WordPress que tout blogueur sérieux doit connaître.)

7. Ajouter JavaScript à un widget WordPress

Si vous souhaitez ajouter du JavaScript dans un widget WordPress, rien de plus simple.

Ajoutez un widget, sélectionnez le menu et sélectionnez Modifier au format HTML.

Ajoutez votre JavaScript dans tags and select Mises à jour.

Le code que vous avez ajouté doit être instantanément visible lorsque vous affichez le widget sur le front-end de votre site.

Comment déboguer une erreur JavaScript sur une page WordPress

Le débogage de JavaScript est un processus qui prend du temps mais qui est inévitable pour les débutants.

Heureusement, vous disposez des outils nécessaires pour vérifier les erreurs.

Ouvrez une page dans votre navigateur et appuyez sur F12 ou sélectionnez Outils de développement dans le menu (Chrome). Vous pouvez également utiliser Ctrl + Maj + J (Windows/Linux) ou Cmd + Option + J (Mac).

Sélectionnez le Console onglet de la nouvelle partie de l'écran qui s'ouvre et vous verrez toutes les erreurs JavaScript surlignées en rouge.

Identifiez d'où vient l'erreur et corrigez la partie pertinente du code JavaScript que vous avez ajouté.

Progressez jusqu'à ce que toutes les erreurs aient été corrigées.

WordPress a son propre mode de débogage mais il peut être un peu compliqué à utiliser. Je recommanderais de consulter le page de débogage officielle pour plus d'informations.

Foire aux questions sur l'ajout de Javascript à WordPress

Qu'est-ce que Javascript ?

JavaScript est un langage informatique qui s'exécute dans le navigateur de l'utilisateur plutôt que sur votre serveur. La programmation côté client permet aux développeurs de réaliser une variété de choses intéressantes sans ralentir votre site Web. Vous pouvez fréquemment être invité à copier et coller un extrait de code JavaScript dans votre site Web WordPress si vous souhaitez intégrer un lecteur vidéo, ajouter des calculatrices ou tout autre service tiers.

Comment ajouter un fichier Javascript sur WordPress?

Le moyen le plus simple d'ajouter un fichier Javascript à WordPress consiste à utiliser le plugin Insert WPCode. 

  • Connectez-vous à votre site et installez le plugin WPCode.
  • Une fois installé, cliquez sur Activer
  • Enregistrez votre code ou fichier JavaScript dans un nouveau fichier avec le js extension.
  • Téléchargez-le sur votre site dans le dossier suivant: wp-content / themes / / js /
  • Allez dans Paramètres> Insérer WPCode
  • Ajoutez ce qui suit aux scripts dans l'en-tête:  <script src="https://www.website.com/wp-content/themes/<theme-you-are-using>/js/file.js"></script>

Puis-je utiliser Javascript dans WordPress?

Oui, il existe de nombreuses façons d'utiliser Javascript dans WordPress. Si vous souhaitez ajouter un script simple, vous pouvez utiliser le plugin Insert WPCode pour ajouter le script à l'en-tête, puis appeler le script à partir de n'importe quelle partie du thème, de la publication ou du plugin dont vous avez besoin pour l'utiliser.

Comment ajouter mon propre code à WordPress?

La meilleure façon d'ajouter votre propre code à WordPress consiste à utiliser le fichier functions.php. Il est recommandé de créer un thème enfant, puis d'ajouter vos propres modifications au thème enfant afin de ne pas interrompre la possibilité de mise à niveau de votre thème.

Comment modifier Javascript dans WordPress?

La meilleure façon de modifier Javascript dans WordPress est de créer un thème enfant, puis d'ajouter vos modifications de Javascript ou la personnalisation d'autres fonctions dans le thème enfant. Cela vous permet de modifier Javascript si nécessaire sans casser le reste de votre thème ou la possibilité de mise à niveau du thème.

Conclusion

Les trois méthodes ci-dessus sont le moyen le plus propre d'ajouter du Javascript à WordPress. En général, la modification directe du code doit être effectuée par des utilisateurs avancés qui ont une expérience significative du code et peuvent être sûrs de savoir comment annuler les modifications qu'ils ont apportées. Sinon, il est préférable de s'en tenir aux plugins. Si vous n'êtes pas à l'aise pour peaufiner le code vous-même, ce serait formidable de contacter nos partenaires sur Fiverr qui peuvent le faire pour votre aujourd'hui.

logo fiverr

Cliquez ici pour trouver des experts bon marché sur les correctifs WordPress

À propos de l’auteur
David Attar
David travaille dans ou autour de l'industrie en ligne et numérique depuis 21 ans. Il possède une vaste expérience dans les secteurs des logiciels et de la conception Web utilisant WordPress, Joomla et les niches qui les entourent. Il a travaillé avec des agences de développement de logiciels, des éditeurs de logiciels internationaux, des agences de marketing locales et est désormais responsable des opérations marketing chez Aphex Media, une agence de référencement. En tant que consultant numérique, son objectif est d'aider les entreprises à obtenir un avantage concurrentiel en utilisant une combinaison de leur site Web et des plateformes numériques disponibles aujourd'hui. Son mélange d'expertise technologique combiné à un fort sens des affaires confère un avantage concurrentiel à ses écrits.

Encore une chose ... Saviez-vous que les personnes qui partagent des informations utiles comme cet article ont l'air géniales aussi? ;-)
Veuillez laisser un incontournable commentez vos pensées, puis partagez-les sur votre ou vos groupes Facebook qui trouveraient cela utile et récoltons ensemble les avantages. Merci d'avoir partagé et d'être gentil!

Divulgation: Cette page peut contenir des liens vers des sites externes pour des produits que nous aimons et que nous recommandons sans réserve. Si vous achetez des produits que nous suggérons, nous pouvons percevoir des frais de parrainage. Ces frais n'influencent pas nos recommandations et nous n'acceptons pas les paiements pour les avis positifs.

Auteur (s) présenté sur:  Logo du magazine Inc   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   et beaucoup plus ...