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

Как вставить код в head WordPress

Хотите быстро добавить код в head WordPress? Разберем простые и рабочие способы.

Код в шапку сайта вставляют с разных причин. Это может быть статистика от Google или Яндекс, JavaScript-скрипт какого-либо сервиса (например, реклама), новая функция сайта, CSS-стиль своего блока.

Зачем нужен блок <head> в коде страницы?

Это контейнер для метаданных (данные о данных), который помещается между HTML-тегами <html> и <body>. Информация из этого блока не отображается в окне браузера, но помогает ему в обработке страницы. Также помогает поисковым системам в индексации страницы.

Как добавить код в head WordPress?

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

Через плагин

Этот способ самый простой и рекомендуется новичкам.

Head, Footer and Post Injections

Это бесплатное WP-расширение, которое самостоятельно добавляет код в head.

Для этого, во-первых, установите плагин.

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

Главная страница настроек плагина Footer and Post Injections

Страница выбранной вкладки имеет блок <HEAD> page section injection, который нам нужен.

Тут есть 2 текстовых поля. Первое отвечает за вывод в нем кода на всех страницах сайта. Второе добавляет код только на главной странице ВП-сайта.

Поля для вставки кода в head в плагине Footer and Post Injections

Чтобы ваши изменения вступили в силу, не забудьте нажать кнопку Сохранить.

Clearfy Pro

Это премиальное решение для ВП имеет много полезных функций. В основном — это очистка ненужного кода. Одна из опций плагина — вставка кода в head. Для этого:

  1. установите и активируйте расширение;
  2. в админ-меню кликните Clearfy Pro;
  3. перейдите на вкладку Код;
  4. активируйте опцию и вставьте свой код.

Опция Код в <head> в Clearfy Pro

Активировать промокод на 15%

Через правку шаблона темы

Если вы не хотите устанавливать дополнительные плагины на свой веб-ресурс, то код в head можно добавить вручную в нужном шаблоне вашей WordPress-темы.

Для этого перейдите в каталог wp-content/themes и найдите файл header.php.

Не рекомендуется изменять файлы родительской темы ВордПресс. Для этого используйте дочерние. Они позволяют делать правки без опасения, что они пропадут при следующем обновлении темы.

В каждой теме содержимое файла header.php может отличаться. Но основные его блоки похожие.

Для примера возьмем стандартную WP-тему Twenty Twenty. Если открыть указанный файл, то в самом его начале увидите блок <head>…</head>.

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

Нужный код нужно добавить перед закрывающим тегом </head>.

Добавленный код в раздел <head>

Через хук WordPress

ВордПресс имеет специальный хук, который добавит код в head. Чтобы его использовать, откройте файл functions.php. Это основной конфигурационный файл темы, который находится в корне ее папки. Например, для указанной темы он находиться по адресу

/wp-content/themes/twentytwenty/functions.php

Чтобы добавить стиль или скрипт в шапку сайта, в самый конец этого файла вставьте код

function wpplus_insert_header() {
    ?>

    <!-- Ваш код -->    

    <?php
}
add_action( 'wp_head', 'wpplus_insert_header' );

Вместо строки <!— Ваш код —> добавьте свой код.

Понравилась статья? Поделиться с друзьями:
WordPress Plus