Як додати код після тегу Body у WordPress

Останнє оновлення Жов 17, 2021

Зміст

На веб-сайті нам зазвичай потрібно вставити код після тегу body. Зазвичай це невидимий код JavaScript у тегу сценарію. Зовнішні сервіси, такі як Google Analytics, Google Tag Manager, Google Adsense, Facebook тощо, дають вам сценарій, який потрібно додати до закриття тегу head і після негайного відкриття елемента body.

WordPress надає wp_head()функцію, яка використовується для введення коду перед закриттям тегу head. Ще одна функція, яку надає WordPress, – це wp_footer()яка використовується для додавання коду перед закриттям елемента body (а не після відкриття тіла). Наразі розробники WordPress використовують wp_footer() для введення коду в тег body або додавання коду статично після відкриття елемента body. Але обидва ці варіанти не рекомендуються.

Статичне додавання коду має сенс відповідно до рекомендацій зовнішніх служб. Але цей прийом тоді зупинить нас від оновлення теми.

На щастя, WordPress 5.2 представляє нову функцію під назвою wp_body_open(). Ця функція запускає wp_body_openдію та корисна для розміщення коду після відкриття елемента body. З огляду на це, давайте подивимося, як вводити код відразу після відкриття тегу body у WordPress.

Додайте код після тегу Body у WordPress

Якщо ви використовуєте останню версію WordPress, вам слід додати wp_body_open()метод поруч із тегом вашого тіла, як показано нижче.

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

Після цього ви можете використовувати дію, wp_body_openщоб додати свій код замість wp_body_open(). Іншими словами, ви можете ввести свій код одразу після відкриття тегу body. Ви можете використовувати цю дію наступним чином:

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

Це воно! Це все так просто. Цей код добре працює з версією WordPress> = 5.2. Якщо ви використовуєте стару версію WordPress, тоді ви можете визначити wp_body_openметод наступним чином.

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

Тепер додайте метод wp_body_open()після елемента body і використовуйте дію, як показано вище.

Це чистий та ефективний спосіб ввести свій код після відкриття тегу body. Я закликаю розробників WordPress використовувати цю техніку на своїх веб-сайтах. Докладніше про це оновлення читайте в документації.

Пов’язані статті

Джерело запису: artisansweb.net