Как добавить код после тега body в WordPress

Последнее обновление Июл 12, 2021

Содержание

Добавить код после тега body в WordPress

На веб-сайте нам обычно нужно вставлять код после тега body. Обычно это невидимый код JavaScript в теге скрипта. Внешние сервисы, такие как Google Analytics, Google Tag Manager, Google AdSense, Facebook и т.д., Предоставляют вам сценарий, который необходимо добавить до закрытия тега заголовка и после немедленного открытия элемента body.

WordPress предоставляет wp_head()функцию, которая используется для вставки кода перед закрытием тега заголовка. Другая функция, предоставляемая WordPress, – wp_footer()это добавление кода перед закрытием основного элемента (а не после его открытия). Пока что разработчики WordPress используют wp_footer() для вставки кода в тег body или статического добавления кода после открытия элемента body. Но оба эти варианта не рекомендуются.

Статическое добавление кода имеет смысл в соответствии с рекомендациями внешних служб. Но этот метод помешает нам обновить тему.

К счастью, в WordPress 5.2 появилась новая функция под названием wp_body_open(). Эта функция запускает wp_body_openдействие и полезна для размещения кода после открытия основного элемента. При этом давайте посмотрим, как внедрить код сразу после открытия тега body в WordPress.

Добавить код после тега body в WordPress

Если вы используете последнюю версию WordPress, вам следует добавить wp_body_open()метод рядом с тегом body, как показано ниже.

<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