Хотите быстро добавить код в head WordPress? Разберем простые и рабочие способы.
Код в шапку сайта вставляют с разных причин. Это может быть статистика от Google или Яндекс, JavaScript-скрипт какого-либо сервиса (например, реклама), новая функция сайта, CSS-стиль своего блока.
Зачем нужен блок <head> в коде страницы?
Это контейнер для метаданных (данные о данных), который помещается между HTML-тегами html и body. Информация из этого блока не отображается в окне браузера, но помогает ему в обработке страницы. Также помогает поисковым системам в индексации страницы.
Как добавить код в head WordPress?
Для ВордПресс есть несколько методов. Выбирайте тот, который вам удобен.
Через плагин
Этот способ самый простой и рекомендуется новичкам.
Head, Footer and Post Injections
Это бесплатное WP-расширение, которое самостоятельно добавляет код в head.
Для этого, во-первых, установите плагин.
После активации откройте в админке раздел Настройки > Header and Footer и перейдите на вкладку Head and Footer.
Страница выбранной вкладки имеет блок <HEAD> page section injection, который нам нужен.
Тут есть 2 текстовых поля. Первое отвечает за вывод в нем кода на всех страницах сайта. Второе добавляет код только на главной странице ВП-сайта.
Чтобы ваши изменения вступили в силу, не забудьте нажать кнопку Сохранить.
Clearfy Pro
Это премиальное решение для ВП имеет много полезных функций. В основном – это очистка ненужного кода. Одна из опций плагина – вставка кода в head. Для этого:
- установите и активируйте расширение;
- в админ-меню кликните Clearfy Pro;
- перейдите на вкладку Код;
- активируйте опцию и вставьте свой код.
Активировать промокод на 15%
Через правку шаблона темы
Если вы не хотите устанавливать дополнительные плагины на свой веб-ресурс, то код в head можно добавить вручную в нужном шаблоне вашей WordPress-темы.
Для этого перейдите в каталог wp-content/themes и найдите файл header.php.
Не рекомендуется изменять файлы родительской темы ВордПресс. Для этого используйте дочерние. Они позволяют делать правки без опасения, что они пропадут при следующем обновлении темы.
В каждой теме содержимое файла header.php может отличаться. Но основные его блоки похожие.
Для примера возьмем стандартную WP-тему Twenty Twenty. Если открыть указанный файл, то в самом его начале увидите блок <head>…</head>.
Нужный код нужно добавить перед закрывающим тегом </head>.
Через хук WordPress
ВордПресс имеет специальный хук, который добавит код в head. Чтобы его использовать, откройте файл functions.php. Это основной конфигурационный файл темы, который находится в корне ее папки. Например, для указанной темы он находиться по адресу
/wp-content/themes/twentytwenty/functions.php
Чтобы добавить стиль или скрипт в шапку сайта, в самый конец этого файла вставьте код
function wpplus_insert_header() { ?> <!-- Ваш код --> <?php } add_action( 'wp_head', 'wpplus_insert_header' );
Вместо строки <!– Ваш код –> добавьте свой код.