Comment ajouter du code après la balise Body dans WordPress

Dernière mise à jour Oct 18, 2021

Teneur

Ajouter du code après la balise Body dans WordPress

Sur le site Web, nous devons généralement insérer du code après la balise body. Normalement, il s’agit d’un code JavaScript invisible dans une balise de script. Des services externes tels que Google Analytics, Google Tag Manager, Google Adsense, Facebook, etc. vous fournissent un script qui doit être ajouté avant la fermeture de la balise head et après l’ouverture immédiate de l’élément body.

WordPress fournit une wp_head()fonction qui est utilisée pour injecter du code avant de fermer la balise head. Une autre fonction fournie par WordPress est celle wp_footer()qui est utilisée pour ajouter du code avant la fermeture de l’élément body (pas après l’ouverture du corps). Jusqu’à présent, les développeurs WordPress utilisent wp_footer() pour injecter du code dans la balise body ou ajouter du code de manière statique après l’ouverture de l’élément body. Mais, ces deux options ne sont pas recommandées.

L’ajout de code statique est logique conformément aux recommandations des services externes. Mais cette technique nous empêcherait alors de mettre à jour un thème.

Heureusement, WordPress 5.2 introduit une nouvelle fonction appelée wp_body_open(). Cette fonction déclenche une wp_body_openaction et est utile pour placer du code après l’ouverture de l’élément body. Cela étant dit, voyons comment injecter du code immédiatement après avoir ouvert une balise body dans WordPress.

Ajouter du code après la balise Body dans WordPress

Si vous utilisez la dernière version de WordPress, vous devez ajouter la wp_body_open()méthode à côté de votre balise body comme indiqué ci-dessous.

<body <?php body_class(); ?>>
<?php wp_body_open(); ?>

Après cela, vous pouvez utiliser l’action wp_body_openpour ajouter votre code à la place de wp_body_open(). En d’autres termes, vous pouvez injecter votre code immédiatement après avoir ouvert la balise body. Vous pouvez utiliser cette action comme suit :

add_action('wp_body_open', 'add_code_on_body_open');
function add_code_on_body_open() {
    echo '<script>Your code here</script>';
}

C’est ça! C’est aussi simple que cela. Ce code fonctionne bien avec la version WordPress >= 5.2. Si vous utilisez une ancienne version de WordPress, vous pouvez définir la wp_body_openméthode comme suit.

if (! function_exists( 'wp_body_open')) {
    function wp_body_open() {
        do_action( 'wp_body_open' );
    }
}

Maintenant, ajoutez la méthode wp_body_open()après l’élément body et utilisez l’action comme indiqué ci-dessus.

C’est un moyen propre et efficace d’injecter votre code après l’ouverture de la balise body. J’encourage les développeurs WordPress à utiliser cette technique sur leurs sites Web. En savoir plus sur cette mise à jour sur la documentation.

Articles Liés

Source d’enregistrement: artisansweb.net