Вставить код в раздел head на WordPress – темы, плагины и php функции

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

Не путайте head и header, второй это тег семантической разметки сайта, который отображается и показывает, что здесь находится шапка сайта.

Если шаблон не обновляется

Самый простой методом – добавить код напрямую в файлы шаблона. Но есть несколько ограничений:

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

Открываете файл header.php (находится в корне темы), обычно он отвечает за показ первого экрана в WordPress. Используйте соединение по FTP, чтобы при ошибках откатить изменения. Я покажу на примере стандартного редактора в админке WP.

Перешел в редактор тем, нашел файл, потом вставил тестовый тег и обновил. Так он выглядит на главной странице.

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

Темы с возможностью добавлять код html в head

Возможно вы не знаете обо всех функциях своего шаблона, полезно будет изучить настройки, может быть в нем есть область для записи произвольного кода в хеад. Например, в теме Reboot есть такая возможность Внешний вид – Настроить.

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

-15% на Reboot

Если не нашли таких настроек, то переходим к другим методам, чтобы добавить код в раздел в хеад.

Применяем плагин ClearfyPRO

Любимый ClearfyPRO умеет все, также прописывать html и другие виды спецификации в head блога.

Есть переключатель можно на время отключить отображение, чтобы не приходилось стирать и заново загружать код. Аналогично можно удалить стили recentcomments. Полезно узнать что ClearfyPRO оптимизирует, ускоряет и улучшает seo в WordPress дополнительно по 49 требованиям. Для читателей WPCourses делаем скидку на покупку.

Clearfy -15%

Плагин для вставки кода Head & Footer Code

Точечным решением для вордпресс является Head & Footer Code, устанавливается стандартно – поиском из админки или загрузкой архива.

1. Поле активации в одноименный пункт в Инструментах.
2. Находим область HEAD Code.
3. Помещаем требуемый код.
4. Выставляем приоритет – не всегда срабатывает, но он определяет выше или ниже будет располагаться конфигурация, прописанная выше, между открывающим и закрывающим тегами.
5. Внизу нажимаем обновить.

Применяем PHP инструкцию

Все темы содержать в себе инструкцию wp_head, именно она выводит все что встроено в WordPress в “шапке” блога. Мы можем присоединиться к ней с помощью хука и вывести собственный код.

function wpcourses_insert_header() {
    ?>

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

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

Помещаем его в файл function php. Видим место куда добавлять, вводите любой HTML и js script, после сохранения изменений, ваша функция выведется после отработки основных сценариев wp_head. Также отключается xml rpc протокол в WordPress.

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