So fügen Sie Code nach dem Body-Tag in WordPress hinzu

Last updated 18. Oktober 2021

Inhalt

Code nach dem Body-Tag in WordPress hinzufügen

Auf der Website müssen wir normalerweise Code nach dem body-Tag einfügen. Normalerweise ist dies ein unsichtbarer JavaScript-Code innerhalb eines script-Tags. Externe Dienste wie Google Analytics, Google Tag Manager, Google Adsense, Facebook usw. geben Ihnen ein Skript, das vor dem Schließen des Head-Tags und nach dem sofortigen Öffnen des body-Elements hinzugefügt werden muss.

WordPress bietet eine wp_head()Funktion, mit der Code vor dem Schließen des Head-Tags eingefügt wird. Eine weitere von WordPress bereitgestellte Funktion wp_footer()dient zum Hinzufügen von Code vor dem Schließen des Body-Elements (nicht nach dem Öffnen des Bodys). Bisher verwenden WordPress-Entwickler wp_footer(), um Code in das body-Tag einzufügen oder Code nach dem Öffnen des body-Elements statisch hinzuzufügen. Beide Optionen werden jedoch nicht empfohlen.

Das statische Hinzufügen von Code ist gemäß Empfehlungen von externen Diensten sinnvoll. Aber diese Technik würde uns dann davon abhalten, ein Theme zu aktualisieren.

Glücklicherweise führt WordPress 5.2 eine neue Funktion namens wp_body_open(). Diese Funktion löst eine wp_body_openAktion aus und ist nützlich, um Code nach dem Öffnen des body-Elements zu platzieren. Sehen wir uns jedoch an, wie Sie Code unmittelbar nach dem Öffnen eines Body-Tags in WordPress einfügen.

Code nach dem Body-Tag in WordPress hinzufügen

Wenn Sie die neueste Version von WordPress verwenden, sollten Sie die wp_body_open()Methode neben Ihrem Body-Tag hinzufügen, wie unten gezeigt.

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

Danach können Sie die Aktion verwenden wp_body_open, um Ihren Code anstelle von hinzuzufügen wp_body_open(). Mit anderen Worten, Sie können Ihren Code sofort nach dem Öffnen des body-Tags einfügen. Sie können diese Aktion wie folgt verwenden:

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

Das ist es! So einfach ist das. Dieser Code funktioniert gut mit der WordPress-Version >= 5.2. Wenn Sie eine ältere Version von WordPress verwenden, können Sie die wp_body_openMethode wie folgt definieren.

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

Fügen Sie nun die Methode wp_body_open()nach dem body-Element hinzu und verwenden Sie die gleiche Aktion wie oben gezeigt.

Dies ist eine saubere und effiziente Möglichkeit, Ihren Code nach dem Öffnen des body-Tags einzufügen. Ich ermutige WordPress-Entwickler, diese Technik auf ihren Websites zu verwenden. Lesen Sie mehr über dieses Update in der Dokumentation.

Zum Thema passende Artikel

Aufnahmequelle: artisansweb.net