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

Улучшение и апгрейд WordPress

У некоторых пользователей иногда есть трудность с тем, чтобы добавить код в head WordPress, потому что загрузка напрямую через редактирование файлов плохая практика – шаблоны обновляются разработчиками. Из этого выходит то, что если тема вордпресс развивается и поддерживается создателями, то такой подход бесполезен, потому что при обновлениях все изменения внесенные самостоятельно сотрутся. В статье покажу несколько методов как проверить и вставить свои строки в хеад.

Прописываем в header шаблона

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

Как добавить через FTP

В основном загрузка шапки блога с разделом head, идет в похожем файле header.php, поэтому сразу обращаемся к нему, он должен лежать в корневой папке темплейта, приблизительный путь такой если работаем через FTP wp-content/themes/название активной темы/header.php. Покажу на примере программы Filezilla где находиться header.

Внутренние файлы движка
FTP
  1. Переходим по пути указанному вверху снимка, только на конце название будет ваше.
  2. На необходимом файле нажимаем правой кнопкой мыши.
  3. Выбираем Просмотр/Правка. Запускается программа, отвечающая за открытие данного типа документа.
Область head ВП.
Head.

Обязательно свой контент прописываем перед закрывающим тегом, то есть перед этим /head, так обезопасите себя от правок уже созданных конструкций в вордпресс, чем грешат новички. Советую прочитать про wlw manifest.

Через админку WordPress

В админке WordPress есть встроенный редактор кода, всего что устанавливается админон. Для начала авторизируемся и войдем в панель.

Редактор кода.
Редактор шаблонов.
  1. Переходим Внешний вид — Редактор тем.
  2. В правой колонке WP находим необходимый документ.
  3. Находим head и перед закрывающим тегом ставим свой код.
  4. Не забываем обновлять, нажимая синюю кнопку.

Предупрежу, что данный способ не безопасен, запросто можно сломать код сайта и поправить ошибку можно будет только через FTP соединение. Обязательно к прочтению про shortlink в WordPress.

Встроенные настройки шаблона

Кстомайзер.
Кастомайзер.

 

В некоторых разработках, где создатели заботятся об удобстве использования своих продуктов, присутствует такая вещь, чтобы можно добавить код через кастомайзер, в специальные окошки, так намного быстрее и можно не бояться обновлений. Например, в WordPress шаблоне Reboot, это реализовано в нескольких местах, покажу в области head. Для примера добавил произвольное meta, не означающее ничего.

В Reboot располагается в разделе Внешний вид — Настроить — Коды, первое поле будет для записи HTML и скриптов. Не забываем обновлять настройки. Потом идем для проверки в браузер.

Проверка наличия кода в хеад wordpress.
Результат.

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

Добавить в плагине Clearfy PRO

Одним из решений проблем с WordPress является комбайн Clearfy PRO, завоевавший положительные отзывы пользователей. В нем есть разделы по вставке кодов в частности и в head.

ClearfyPRO.
Клеарфай.

Теперь сделаем проверку.

Добавить мета.
Смотрим где добавленный code.

В ClearfyPRO есть еще множество иснтрументов для чистки, улучшения и добавления дополнительных функций в WordPress, например удалить атрибуты prev и next.

Clearfy по выгодной цене

Code Insert Manager (Q2W3 Inc Manager) – второй модуль для вставки кода

Есть много отдельных плагинов для вставки кода в разные части сайта, но все ограничены только несколькими местами, в основном это head и body. Code Insert Manager (Q2W3 Inc Manager) имеет 8 областей для этого, но нас интересует только одна, при интересе, можете протестировать инструмент.

Второй плагин.
Второй инструмент.
  1. Заходим в раздел админки WordPress выделенный на экране.
  2. Сверху вниз начинаем заполнять, делаем статус включен.
  3. Расположение – в нашем случае нужно добавить в хеадер, также есть body, footer и остальные.
  4. Приоритет не всегда срабатывает, но он регулирует место выше или ниже в пределах действия тега head будет расположен код, чем больше цифра тем ближе к низу.
  5. Вставить на страницы – обязательно тут нужно что-то выставить, иначе плагин затрет все правки и не добавит ничего. Я выбрал «Все».
  6. Можно исключить какие–то элементы и таксономии, а также отображать конфигурацию для разных типов пользователей.
  7. Последнее поле это сам произвольный код, вставляем его и нажимаем сохранить изменения.
  8. Внизу должна появиться новая строка с характеристикой включения, проверяем.
Исходный код страницы.

Видео инструкция для HTML

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

https://www.youtube.com/watch?v=yIEQegNTYOo&t=34s

Добавить код с помощью PHP хука

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

function wpoptimize_insert_header() {
    ?>

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

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

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

Видим что работает каждый из методов, любой из них правильных, но нужно выбирать по потребностям, подойдет для любых видов CSS, JS и приемов для улучшения SEO. Советую взять Клеарфай, комплексная оптимизация нужна, потому что WordPress универсальный движок, но имеет много лишнего.

Женя

Занимаюсь разработкой WordPress уже больше 5 лет, делюсь своими знаниями и опытом на этом блоге.

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