Как добавить код в head WordPress: 3 простых способа

Александр Писклов
Александр Писклов
Разрабатываю сайты на WordPress с 2011 года.
148
3 минуты на чтение

При подключении различных сервисов аналитики требуется встроить внешний скрипт в код вашего сайта. Чаще всего подключение скриптов заключается в добавлении кода в head тег сайта. В этой статье рассмотрим 3 способа как вставить код в head WordPress.

Когда понадобится добавление кода в head?

Можно выделить несколько случаев, когда потребуется добавление кода в head:

  1. Установка веб-аналитики. Подключение Метрики или Google Analytics требует размещения специального кода внутри <head>.
  2. Интеграция с внешними сервисами. При установке на сайт различных рекламных платформ или виджетов.
  3. Подключение стилей или скриптов сайта. Добавление файлов стилей или js файлов вашего сайта.
  4. SEO-оптимизация. Мета-теги для seo-оптимизации или OpenGraph размещаются внутри head.

Способ 1.

Добавление кода с помощью плагина

Сначала рассмотрим самый простой и быстрый способ добавления кода в head. Вам нужно будет установить плагин на сайт и в специальное окно плагина добавить необходимый код. В этом примере рассмотрим плагин Head, Footer and Post Injections.

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

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

Вставьте в эту область необходимый код и сохраните изменения. Иногда может понадобится добавить код в head только на главной. В этом случае добавьте код в поле справа «Только на главной странице». Сохраните изменения.

  • Готово! Код добавлен в head с помощью плагина.

Способ 2.

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

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

В админке откройте раздел Внешний вид > Редактор тем. В списке файлов выберите файл Заголовок header.php.

Теперь вставьте нужный код между тегами <head></head>. Нажмите кнопку Обновить файл чтобы сохранить изменения.

  • Код добавлен!

Если у вас на ПК установлен редактор кода (например: Sublime Text или Visual Studio Code), вы можете аналогичным образом отредактировать файл header.php через FTP.

Подключитесь к сайту по FTP и откройте директорию активной темы site.ru/wp-content/themes/your_theme/

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

Важно!
Если на вашем сайте установлена тема, которая регулярно обновляется, то для изменения файлов используйте дочернюю тему WordPress.

Способ 3.

С помощью php-кода

Любой шаблон WordPress содержит специальную функцию wp_head(), которая выводит весь необходимый код для раздела head. С помощью специального хука wp_head мы можем расширить функциональность этой функции и добавить в head свой код.

Выполните следующие действия:

  1. Откройте файл functions.php вашей активной темы. Это можно сделать через Редактор темы или FTP (см. способ 2)
  2. В самом конце файла добавьте следующий код
add_action( 'wp_head', 'wpevo_add_wp_head' );
function wpevo_add_wp_head() {
    ?>
    <!-- Здесь добавьте ваш код -->    
    <?php
}
  1. Сохраните файл.
  2. Проверьте изменения в исходном коде сайта.
  • Код добавлен на сайт!

Заключение

Мы рассмотрели 3 основных способа добавления кода внутри head WordPress. Важно отметить, что все рассмотренные способы добавяют код на все страницы сайта. Если вам нужно указать дополнительные условия, изучите статью Как установить код на определенную страницу WordPress.

Содержание:
Нет комментариев

Похожие материалы