Как добавить код в Head WordPress

Как быстро добавить код в Head WordPress

Разбираемся как быстро добавить код в Head WordPress.

Header — что это, где находится и зачем нужен

Это HTML-блок, в котором обычно размещают метаданные страниц сайта. Находится сразу после тега <html>.

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <title>Название сайта</title>
    </head>
    <body>
    </body>
</html>

Информация из этого места в коде страницы не отображается на сайте. Блок нужен, чтобы помогать браузеру правильно выводить содержимое страниц, а также поисковым системам индексировать ресурс.

Как добавить код в Head WordPress

Разберем простые и рабочие методы.

Плагин Clearfy Pro

Если используете это многофункциональное решение, то устанавливать больше ничего не надо. Код в шапку можно добавить двумя кликами. Для этого просто перейдите в Clearfy Pro и на вкладке Код вставьте свои данные в поле Код в <head>.

После того, как нажмете кнопку Сохранить настройки, плагин добавит ваш код на все страницы сайта.

Настройка плагина Clearfy Pro
Активировать промокод на 15%

Плагин Head, Footer and Post Injections

Еще один плагин для вставки кода в шапку и подвал.

Первым делом установите и активируйте дополнение. Затем перейдите в админ-раздел Настройки > Header and Footer, откройте вкладку Head and Footer.

Настройка плагина Head, Footer and Post Injections

В блок <HEAD> page section injection добавьте свой код и кликните Сохранить.

Вставка кода в плагине Head, Footer and Post Injections

Правка файлов темы

Еще один способ добавить код в шапку — использовать шаблоны активной темы ВордПресс. Отлично подходит, если не хотите устанавливать дополнительные плагины.

Работать нужно с файлом header.php, который отвечает за работу верхней части WP-сайта. В каждой теме его содержимое отличается.

На примере покажем работу с темой Twenty Twenty.

Если открыть указанный файл, то нужный блок будет в самом его начале.

Файл header.php в теме Twenty Twenty

Свой код вставьте перед закрывающим тегом </head>.

Вставка кода в header.php

После сохранения изменений, добавленные строки начнут работать.

Файл functions.php

Еще способ — использовать главный конфигурационный файл темы, который находится в корневой ее папке.

Для этого в самый конец вставьте код

add_action( 'wp_head', function() {
?>

    <!-- Ваш код для вставки в head -->    

<?php
});

Строку <!— Ваш код для вставки в head —> замените на свой код и сохраните изменения.

Рейтинг
( Пока оценок нет )
Михаил Петров/ автор статьи
Загрузка ...
Шаблоны для WordPress