Как добавить код в 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

Скачать Clearfy Pro

Плагин 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