Comment combiner JavaScript externe dans WordPress
WordPress est le CMS le plus populaire au monde, alimentant plus de 40% des sites Web sur Internet. Pour ajouter des fonctionnalités supplémentaires à un site Web WordPress, il est nécessaire de combiner des codes JavaScript externes. Par défaut, WordPress n’enregistre pas les codes JS, et si quelqu’un essaie de l’ajouter via le fichier function.php de Theme, il y a toujours un risque de casser le site Web. La meilleure façon de combiner du JavaScript externe dans WordPress est d’utiliser des plugins. Vous trouverez ci-dessous les trois meilleurs plugins que l’on peut utiliser pour ajouter des codes JS externes dans WordPress.
Combinez JavaScript externe dans WordPress
JavaScript est l’un des langages de programmation les plus populaires au monde. C’est avant tout un langage côté client. Qu’est-ce que ça veut dire? Cela signifie que l’on peut ajouter du contenu dynamique en combinant des codes JavaScript et que cela se chargera pour les visiteurs en n’utilisant aucune ressource du serveur. Il peut arriver que vous souhaitiez ajouter un outil tiers comme Google Analytics.
Utilisez les plugins que j’ai recommandés, et vous pourrez facilement ajouter des codes JS à votre site WordPress
1.Insert Headers and Footers par WPBeginner
Le meilleur plugin pour ajouter du JavaScript dans WordPress est Insérer des en-têtes et des pieds de page. Il est développé par WPBeginner, le célèbre blog WordPress. La meilleure partie de ce plugin est qu’il est entièrement gratuit. Suivez les étapes ci-dessous pour ajouter des codes JavaScript à votre site Web à l’aide de ce plugin.
Étape 1 : Connectez-vous à votre tableau de bord WordPress, survolez Plugins et appuyez sur Ajouter un nouveau.
Étape 2 : Recherchez Insérer des en-têtes et des pieds de page et appuyez sur Installer, puis sur Activer. Vous pouvez également visiter ce lien pour télécharger le plug-in Insert Headers and Footers et le télécharger sur votre site.
Étape 3 : Une fois le plugin activé, passez la souris sur Paramètres, vous verrez une option Insérer les en-têtes et les pieds de page, appuyez dessus.
Étape 4 : À partir de la page des paramètres, vous pouvez saisir des scripts dans l’en-tête, le corps ou le pied de page. Entrez le code dont vous avez besoin, faites défiler vers le bas et enregistrez les modifications.
2. Simple Custom CSS and JS
Ensuite, dans ma liste de recommandations, il y a Simple Custom CSS et JS. C’est l’un des meilleurs plugins avec plus de 300 000 installations actives pour ajouter des codes JS externes dans WordPress. Suivez les étapes que j’ai fournies pour l’utiliser.
Étape 1 : Connectez-vous au tableau de bord WordPress et accédez aux plugins, puis appuyez sur Ajouter un nouveau.
Étape 2 : Sur la page Ajouter de nouveaux plugins, recherchez Simple Custom CSS et JS. Appuyez sur Installer et une fois le plugin installé, appuyez sur Activer.
Étape 3 : Dès que le plugin sera activé, son raccourci commencera à apparaître dans la barre latérale, appuyez sur + Custom CSS 7 & JS.
Étape 4 : Sur l’écran suivant, appuyez sur Ajouter un code JS.
Étape 5 : Donnez un nom au script et remplacez le texte qui dit Ajoutez votre code JavaScript ici par le script externe que vous souhaitez ajouter.
3. WP Coder
Le dernier sur ma liste est WP Coder, vous pouvez l’utiliser pour ajouter du JavaScript personnalisé sur les pages de votre site Web. Il fournit un shortcode pour chaque code JS que vous ajouterez. Utilisez le shortcode sur la page Web sur laquelle vous souhaitez que le code JS apparaisse. Vous trouverez ci-dessous les étapes à suivre pour installer et utiliser WP Coder.
Étape 1 : Recherchez WP Coder dans le répertoire du plugin WordPress, appuyez sur Installer maintenant, puis sur Activer.
Étape 2 : Une fois le plugin installé, une option nommée Wow Plugins apparaîtra dans la barre latérale. Passez la souris dessus et sélectionnez WP Coder.
Étape 3 : Sur l’écran suivant, appuyez sur Ajouter nouveau.
Étape 4 : Pour ajouter un nouveau code JS, saisissez d’abord un nom, puis appuyez sur Code JS , saisissez le code dans la case et enregistrez-le. Un shortcode unique sera généré pour chaque code que vous enregistrerez. Entrez maintenant le shortcode donné à l’endroit où vous souhaitez que le code JavaScript apparaisse.
Derniers mots
Ce sont donc les trois meilleurs plugins pour combiner JavaScript externe dans WordPress. Je recommanderais d’utiliser Insert Headers and Footers car il est gratuit et fonctionne bien pour ajouter n’importe quel code JS sans problème. Si vous souhaitez insérer de nombreux codes JS différents, essayez Simple Custom CSS et JS. Enfin, pour ajouter des codes JS sur des pages spécifiques, utilisez WP Coder. Quel plugin trouvez-vous utile ? Faites-le nous savoir dans les commentaires.
