Ajouter un script à l'en-tête • WPShout

Il y a une chose délicate à propos de cette idée, «le script d’ajout d’en-tête WordPress» que j’ai écrit aujourd’hui pour sujet. Ce problème est que «l’ajout d’un script d’en-tête» peut vouloir dire beaucoup de choses. Dans notre cas, je vais expliquer comment un utilisateur de WordPress (qui peut être un développeur, mais ne comprend pas nécessairement le code aussi bien) peut ajouter un fichier JavaScript ou un code à leurs pages.

Nous n'allons pas discuter de la personnalisation de l'apparence de votre en-tête ou de votre pied de page WordPress. Il y a un autre article à ce sujet. Au lieu de cela, nous expliquons simplement comment ajouter l'extrait de code qui pourrait être l'analytique, le marketing ou toute autre «ligne unique de JavaScript» qu'une personne a besoin d'ajouter à sa page. Et comment le faire sans écrire de «code». Ça sonne bien?

Vidéo expliquant le meilleur WordPress Plugin pour ajouter des scripts

Parce que nous supposons que cette tâche est effectuée par quelqu'un qui n'est pas un expert en développement PHP ou JavaScript, nous utiliserons un plugin pour: ajoutez le script à l'en-tête de notre page. Si vous préférez, vous pouvez me regarder le faire:

Ou si vous préférez des instructions écrites…

Guide écrit pour l'utilisation d'un WordPress plugin pour ajouter un en-tête Script

Voici le processus de base que nous suivons dans la vidéo ci-dessus pour ajouter du (s) JavaScript à nos en-têtes de page WordPress:

1. Allez à «Plugins> Ajouter un nouveau» une fois que vous êtes connecté à votre tableau de bord WordPress. (Vous devez pouvoir installer des plugins pour que cela fonctionne.)
2. Rechercher le plugin "Insérer des en-têtes et des pieds de page" des gens à WPBeginner. Installez et activez ce plugin.
3. Nous allons maintenant utiliser le plugin pour ajouter un script à notre tête WordPress. Nous aurons besoin de allez dans «Paramètres> Insérer les en-têtes et les pieds de page» dans la barre latérale gauche une fois que le plugin est en cours d'exécution.
4. Selon que votre script doit être ajouté aux en-têtes ou aux pieds de page, vous devrez collez-le dans la case appropriée. Ensuite, appuyez sur "Enregistrer".

Avec ces étapes, vous avez terminé. Vous êtes prêt à exécuter vos scripts d’en-tête WordPress sur les pages consultées par vos visiteurs. Espérons que ce n’était pas trop difficile.

Autres lectures sur les en-têtes et les bas de page d'injection de script WordPress

Le Guide rapide ci-dessus devrait vous être utile pour administrer un site WordPress. Si vous êtes développement vos propres plugins ou thèmes ou WordPress cependant, c’est ne pas la façon dont vous ajoutez du JavaScript à vos pages WordPress. Au lieu de cela, vous voudrez comprendre la manière plus centrée sur le code d’ajouter des scripts d’en-tête dans WordPress. Cela utilise une petite fonction appelée wp_enqueue_script dans WordPress PHP. Nous avons un excellent guide rapide sur ce sujet:

Comment inclure des fichiers JavaScript sur votre site WordPress avec wp_enqueue_script ()

Si vous souhaitez une explication encore plus approfondie, voici notre article sur l’utilisation de cette même fonction. Cet article donne un peu plus de théorie et d’explications sur la gestion des insertions JavaScript dans les en-têtes et les pieds de page de WordPress.

Ajoutez correctement des scripts et des styles Java personnalisés aux pages de WordPress

en relation