...
✅ WEB- ja WordPress -uutiset, -teemat, -laajennukset. Täällä jaamme vinkkejä ja parhaita verkkosivustoratkaisuja.

Kuinka lisätä koodia Body Tagin jälkeen WordPressissä

39

Verkkosivustolla meidän on yleensä lisättävä koodi body-tagin jälkeen. Normaalisti tämä on näkymätön JavaScript-koodi komentotunnisteessa. Ulkoiset palvelut, kuten Google Analytics, Google Tag Manager, Google Adsense, Facebook jne., Antavat sinulle komentosarjan, joka on lisättävä ennen päätunnisteen sulkemista ja sen jälkeen, kun body-elementti on avattu välittömästi.

WordPress tarjoaa wp_head()toiminnon, jota käytetään koodin syöttämiseen ennen päätunnisteen sulkemista. Toinen WordPressin tarjoama toiminto on wp_footer()koodin lisääminen ennen runkoelementin sulkemista (ei sen jälkeen, kun runko on auki). Toistaiseksi WordPress-kehittäjät käyttävät wp_footer() -toimintoa lisäämällä koodia body-tunnisteeseen tai lisäämällä koodia staattisesti body-elementin avaamisen jälkeen. Molempia näitä vaihtoehtoja ei kuitenkaan suositella.

Koodin lisääminen on järkevää ulkoisten palvelujen suositusten mukaisesti. Mutta tämä tekniikka estäisi meitä päivittämästä teemaa.

Onneksi WordPress 5.2 esittelee uuden toiminnon nimeltä wp_body_open(). Tämä toiminto laukaisee wp_body_opentoiminnan ja on hyödyllistä koodin sijoittamiseksi runkoelementin avaamisen jälkeen. Sanotaan, katsotaanpa, kuinka koodi syötetään heti, kun kehotunniste on avattu WordPressissä.

Lisää koodi Body Tagin jälkeen WordPressissä

Jos käytät uusinta WordPress-versiota, sinun on lisättävä wp_body_open()menetelmä vartalotunnisteen viereen alla olevan kuvan mukaisesti.

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

Tämän jälkeen voit käyttää toimintoa wp_body_openlisätäksesi koodisi paikalle wp_body_open(). Toisin sanoen, voit pistää koodisi heti sen jälkeen, kun olet avannut body-tagin. Voit käyttää tätä toimintoa seuraavasti:

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

Se siitä! Se on niin yksinkertaista. Tämä koodi toimii hyvin WordPress-version> = 5.2 kanssa. Jos käytät vanhempaa WordPress-versiota, voit määrittää wp_body_openmenetelmän seuraavasti.

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

Lisää nyt menetelmä wp_body_open()body-elementin jälkeen ja käytä toimintoa samalla tavalla kuin yllä.

Tämä on puhdas ja tehokas tapa pistää koodisi vartalotunnisteen avaamisen jälkeen. Kannustan WordPress-kehittäjiä käyttämään tätä tekniikkaa verkkosivustoillaan. Lue lisää tästä päivityksestä dokumentaatiosta.

Aiheeseen liittyvät artikkelit

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja