Jak dodać kod po tagu Body w WordPressie

Ostatnia aktualizacja paź 18, 2021

Zadowolony

Na stronie zazwyczaj musimy wstawić kod po tagu body. Zwykle jest to niewidoczny kod JavaScript w tagu skryptu. Zewnętrzne usługi takie jak Google Analytics, Google Tag Manager, Google Adsense, Facebook itp. dają Ci skrypt, który należy dodać przed zamknięciem tagu head i po natychmiastowym otwarciu elementu body.

WordPress udostępnia wp_head()funkcję, która służy do wstrzykiwania kodu przed zamknięciem tagu head. Inną funkcją dostarczaną przez WordPress jest wp_footer()dodawanie kodu przed zamknięciem elementu body (nie po otwarciu body). Jak dotąd programiści WordPress używają wp_footer() do wstrzykiwania kodu w tagu body lub dodawania kodu statycznie po otwarciu elementu body. Ale obie te opcje nie są zalecane.

Dodanie kodu statycznie ma sens zgodnie z zaleceniami usług zewnętrznych. Ale ta technika powstrzymałaby nas przed aktualizacją motywu.

Na szczęście WordPress 5.2 wprowadza nową funkcję o nazwie wp_body_open(). Ta funkcja uruchamia wp_body_openakcję i jest przydatna do umieszczania kodu po otwarciu elementu body. Biorąc to pod uwagę, zobaczmy, jak wstrzyknąć kod natychmiast po otwarciu tagu body w WordPressie.

Dodaj kod po tagu ciała w WordPress

Jeśli korzystasz z najnowszej wersji WordPressa, powinieneś dodać wp_body_open()metodę obok tagu ciała, jak pokazano poniżej.

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

Następnie możesz użyć akcji, wp_body_openaby dodać swój kod w miejscu wp_body_open(). Innymi słowy, możesz wstrzyknąć swój kod natychmiast po otwarciu tagu body. Możesz użyć tej akcji w następujący sposób:

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

Otóż to! To takie proste. Ten kod działa dobrze z wersją WordPress >= 5.2. Jeśli używasz starszej wersji WordPressa, możesz zdefiniować wp_body_openmetodę w następujący sposób.

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

Teraz dodaj metodę wp_body_open()po elemencie body i użyj akcji tak samo, jak pokazano powyżej.

Jest to czysty i wydajny sposób na wstrzyknięcie kodu po otwarciu tagu body. Zachęcam programistów WordPressa do korzystania z tej techniki na swoich stronach internetowych. Przeczytaj więcej o tej aktualizacji w dokumentacji.

Powiązane artykuły

Źródło nagrywania: artisansweb.net