Så här lägger du till kod efter Body Tag i WordPress

Senaste uppdateringen okt 17, 2021

Innehåll

Lägg till kod efter Body Tag i WordPress

På webbplatsen behöver vi vanligtvis infoga kod efter body-taggen. Normalt är detta en osedd JavaScript-kod i en skripttagg. Externa tjänster som Google Analytics, Google Tag Manager, Google Adsense, Facebook, etc. ger dig ett skript som måste läggas till innan huvudtaggen stängs och efter att kroppselementet omedelbart har öppnats.

WordPress tillhandahåller en wp_head()funktion som används för att injicera kod innan du stänger huvudtaggen. En annan funktion som tillhandahålls av WordPress är wp_footer()vilken används för att lägga till kod innan kroppselementet stängs (inte efter att kroppen har öppnats). Hittills använder WordPress-utvecklare wp_footer() för att injicera kod i body-taggen eller lägga till kod statiskt efter att body-elementet har öppnats. Men båda dessa alternativ rekommenderas inte.

Att lägga till kod statiskt är vettigt enligt rekommendationer från externa tjänster. Men den här tekniken skulle då hindra oss från att uppdatera ett tema.

Lyckligtvis introducerar WordPress 5.2 en ny funktion som heter wp_body_open(). Denna funktion utlöser wp_body_openhandling och är användbar för att placera kod efter att kroppselementet har öppnats. Med det sagt, låt oss se hur man injicerar kod direkt efter att ha öppnat en body-tagg i WordPress.

Lägg till kod efter Body Tag i WordPress

Om du använder den senaste versionen av WordPress bör du lägga till wp_body_open()metoden bredvid din body-tagg som visas nedan.

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

Efter detta kan du använda åtgärden för wp_body_openatt lägga till din kod i stället för wp_body_open(). Med andra ord kan du injicera din kod omedelbart efter att du har öppnat body-taggen. Du kan använda den här åtgärden enligt följande:

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

Det är allt! Det är så enkelt. Den här koden fungerar bra med WordPress-versionen> = 5.2. Om du använder en äldre version av WordPress kan du definiera wp_body_openmetoden enligt följande.

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

Lägg nu till metoden wp_body_open()efter kroppselementet och använd åtgärden som visas ovan.

Detta är ett rent och effektivt sätt att injicera din kod efter att body taggen har öppnats. Jag uppmuntrar WordPress-utvecklare att använda denna teknik på sina webbplatser. Läs mer om den här uppdateringen i dokumentationen.

relaterade artiklar

Inspelningskälla: artisansweb.net