Как добавить код в head на WordPress – обзор всех методов и примеров

Настройка WordPress

Добавить код в head WordPress необходимо не только сеошникам. Регистрация сайта во многих системах, JS-скрипты, фреймы счетчиков и многое другое размещается в этом разделе. Разбираем, как сделать это на ВП.

Что содержится в теге?

В отличие от <body>, хеад включает в себя:

  • Информацию для браузеров
  • Инструкции для поисковых роботов
  • Прочие мета-содержащие элементы
  • Подключения сторонних файлов (например стили css)

Добавляем код в head через WordPress

Существует много дополнений для добавления фрагмента во все части страницы. Для добавления кода в head на WordPress можно использовать готовые расширения.

Clearfy PRO

Одна из функций этого дополнения, позволяющая добавить в любую часть документа текст. Также полезно будет удалить стили recentcomments.

Как вставить код в head через WordPress
Добавить код через SEO-модуль

Как найти это меню (легкий способ):

  1. Открыть меню «Clearfy PRO» через админку вордпресса
  2. Зайти в отдел с изменением программной стороны
  3. Найти соответствующие пункты

Clearfy

Yoast SEO

Это расширение подойдет только для верификации в ПУ поисковых систем (Google Search Console, Яндекс.Вебмастер). В разделе «инструменты веб-мастеров» сделаны поля для внедрения верификации поисковиков.

Инструменты веб-мастеров в Yoast SEO
Удобная верификация в поисковиках
Установить

Page injections

Вопроса что это не возникает после чтения заголовка. Это — плагин для вставки чего-либо в шаблон.

Баннер плагина для инъекций

С его помощью можно вставить код любого ЯП. Интересно также и то, что возможно добавить код как в «голову» страницы, также и в подвал (footer).

Header & footer injestions - плагин
Скриншот из настроек

Этот раздел доступен в настройках (из панели администратора). В каждом блоке (всего их три) есть по два редактора: для отображения на всем сайте или только на главной. Чтобы вставить код не только в head через админку WordPress, можно использовать другие элементы: добавить кода в самом начале body и перед самым закрытием (в футере).

Установить

Через правку темы

Этот метод не рекомендуется, но возможен. Изменение шаблона может испортить всё, по этому большинство разработчиков рекомендуют использовать дочерние темы.

Скриншот корректора тем
Функция для правки шаблона

В спойлере «Внешний вид» есть раздел «Редактор тем», в котором производятся ручные модификации. Производите манипуляции в дочерних дизайнах и только если полностью уверены, что не испортите программную часть.

Напрямую в хедер

Где этот файл находится: wp-content/themes/header.*. По сути — правка html через ispmanager (или любую другую ПУ сервером) аналогична встроенному в wp корректору тем.

Через хук вордпресс

Находим файл functions.*. Далее вставляем следующий фрагмент (через админку -> редактор или через ПУ сервера — без разницы):

function wpboost_insert_header() {
    ?>

    <!-- Писать сюда -->    

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

В закомментированный участок (между закрывающим и открывающим тегом php) вставляете произвольный контент (в рамках ЯП). Так можно без установки дополнительных модулей модифицировать ресурс на WordPress.

Иван

Изучаю WordPress, занимаюсь разработкой и созданием шаблонов и плагинов. На этом блоге делюсь своими знаниями. Есть вопросы? Пишите в комментариях!

Оцените автора
Ускорение и оптимизация WP
Добавить комментарий