Все способы добавить код в head WordPress

Настройка WordPress

Если нужно добавить код в head WordPress, вероятно знаете, зачем нужен этот тег. Как правило, не требуется часто править его содержимое, чаще всего «настраивается» один раз, далее правки вносятся очень редко или вообще не вносятся. Из статьи вы узнаете обо всех способах добавления кода, какой из них предпочтительней в определенной ситуации, а также подробное пошаговое описание их всех.

Внутри  <head>  хранится мета информация (предназначенная для поисковых роботов, браузеров), подключаются скрипты, шрифты, стили. Фактически он является контейнером для технической части html документа.

Решить эту задачу можно внеся правки непосредственно в файлы ВП или же, установив соответствующее расширение для WP, все зависит от конкретной задачи.

Плагин Clearfy PRO

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

Дополнение клеарфай
Clearfy
  • Заходим в настройки, вкладка «Код».
  • Внизу страницы ищем секцию со скриншота.
  • Активируем параметр переключателем.
  • Помещаем в поле ввода свои данные.
  • Нажимаем «Сохранить изменения».
  • Смотрим корректность (переходим на сайт, нажимаем F12, раздел «Elements»):
Где находится head
Исходный код блога.

Инструмент платный, но очень полезный. Оптимизирует блог WP почти по всем направлениям. Это видно невооруженным глазом.

Его единственная задача – добавить код в хеад, боди, футер вашего блога вордпресс максимально просто и быстро. Установить можно при помощи репозитория WordPress, бесплатно.

Поиск в админке.
Второй вариант.
  • После установки ищем его в инструментах. Кликаем по названию.
  • В текстовом поле (скриншот ниже) вводим свой код для добавления.
  • Выставляем приоритет (по умолчанию -10, чем меньше число – тем выше будет код внутри тега, чем больше число – тем ниже).
  • Корректность вставки кода проверяем в браузере.
Область для записи.
Панель дополнения.

Head, Footer and Post Injections

Это расширение тоже бесплатно, устанавливается стандартно из админки. Достаточно обширный в плане добавления произвольного кода в Wp блог, но несмотря на это работает также стабильно.

Пример заполнения post injections.
Третье дополнение.
  • После установки кликаем в настройках по соответствующему названию.
  • Вводим наши данные как показано на снимке.
  • Перелистываем в конец страницы, жмем «Сохранить».
  • Проверяем корректность.

Добавить код в CMS WordPress просто, с этим справится любой пользователь. Это быстро, отсутствует вероятность повреждения файлов движка ВП. Этот способ рекомендуем использовать в большинстве случаев, он полностью безопасен.

Иногда нежелательно применять плагины или же просто не хочется создавать лишнюю нагрузку на БД. Тогда вставить код в head можно путем правки шаблона напрямую, либо используя хук.

Перед внесением изменений, способами, описанными ниже, рекомендуем сделать резервные копии. Если что-то пойдет не так, то за пару кликов можно вернуть все «как было».

Добавить при помощи хука WordPress

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

function site_insert_header() {
    ?>

    <!-- Произвольный html -->    
    
<?php
}
add_action( 'wp_head', 'site_insert_header' );
  • Открываем functions.php из папки вашей темы.
  • Внизу прописываем конструкцию.
  • Вместо <!– Произвольный html –> добавить то, что нужно добавить в код WordPress.
  • Сохраняем.
  • Фиксируем корректность работы.

Редактирование шаблона темы WordPress

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

Проверка работы.
Результат.
  • Открываем header.php из папки вашей темы, обычно /wp-content/themes/название_темы/
  • Перед закрывающим хеад добавляем свои данные.
  • Сохраняем.
  • Проверяем работу как было указано выше.

Редактирование head в WordPress – задача достаточно простая и по силам каждому, но всегда нужно точно знать, что конкретно добавляете на сайт.  Если правки вносятся по принципу «интернет говорит, что так надо, это круто и WP начнет летать как самолет» – то это плохая идея, можно легко перегрузить блог и он начнет сильно тормозить. Посетители за это спасибо не скажут.

Артем

WordPress-разработчик, активный участник сообщества, пишу о ВордПресс просто и понятно.

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