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

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

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

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

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

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

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

Правим WordPress.
Добавить код вручную.

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

Смогли добавить мета тег в head.
Результат.

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

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

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

Встроенное дополнение.

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

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

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

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

Настройка вставки кодов в clearfy
Клеарфай.

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

Clearfy -15%

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

Следующий плагин для вставки HTML в шапку.
Второе дополнение.
  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, советую использовать плагины, если нет подходящих мест в шаблоне.

Пожалуйста, оцените материал:

Давно занимаюсь и разрабатываю сайты на Wordpress. Считаю что лучшего решения для ведения бизнеса не найти, поэтому считаю долгом делиться информацией с остальными.
Получай полезные материалы удобным способом!

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

Добавить комментарий