Произвольный код в раздел body на CMS WordPress – три проверенных метода

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

Вставить произвольный HTML напрямую в шаблон WordPress

Способ подойдет не всем, потому что используются шаблоны, которые обновляются и поддерживаются разработчиками. Проблема в том, что при обновлении темы большинство файлов заменяются на новые, и все что вносили в код документов шаблона сотрется. Но ситуация меняется если темплейт вообще не обновляется либо был сделан на заказ, тогда лучше производить интеграцию html и css напрямую в документы.

1. Переходим к функциям Внешний вид – Редактор тем.
2. В правой колонке ищем файл footer php.
3. Пролистываем вниз и ищем закрывающий тег /body.
4. Перед ним прописываем желаемый код.
5. Обновляем, проверяем работу, внизу блога должна появиться, соответствующая надпись. По аналогии вставляем так же и в head.

Замечу, что не всегда закрывающий body находится в файле подвала. Возможны и другие места, нужно рассматривать все документы если его нет тут.

Второе – лучше использовать FTP соединение, чтобы при ошибке можно было вернуть обратно, а не получить сломанный сайт.

Добавить с помощью плагина Clearfy PRO

Для WordPress есть много оптимизаторов кода и в целом всего движка, но в рунете выделяется один плагин Clearfy PRO. Есть модуль в котором можно вставлять коды в раздел body. Не обращайте внимания на инлайновый класс, для того чтобы надпись была заметнее.

Далее снова проверяем сайт, видим над старой надписью из первого способа появилась еще одна, это хорошо, значит плагин работает.

Отмечу что не только умеет вставлять код в разные участки разметки, но и улучшает CMS WordPress по еще почти 50 параметрам, например автоматически проставляет alt.

Взять Clearfy со скидкой

Header Footer Code Manager – решение для WP с фильтрами

Если не хватает дополнительных опций, помимо добавления произвольного кода в body, например фильтрации, то можно установить плагин Header Footer Code Manager. Он бесплатный и найти его можно поиском из админки или в официальном репозитории WordPress, так выглядит в панели.

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

1. Нажимаем Добавить новое в Вордпресс.
2. Вводим произвольно название фрагмента, я написал “В подвале”.
3. Отображение – тут можно отфильтровать в каких сущностях WordPress выводить код.
4. Исключить страницы и сообщения – через запятую вводим id страниц и записей, чтобы точечно на них не отображать содержимое.
5. Расположение – нижний колонтикул, или Footer, это означает перед завершающим body.
6. Устройства – еще фильтр по технике, с мобильных или с десктопов.
7. Status – выставляем активный.
8. Фрагмент – заполняем необходимой инструкцией. Нажимаем сохранить и проверяем отображение в WP.

Давайте для надежности пройдем в исходный код и посмотрим на расположение этих трех строчек. Видим что первый способ проставился в самом низу перед body, а остальные до подключения скриптов, советую сразу устранить rest api.

Все три способа сработали, смогли прописать код перед тегом body, но советую Клеарфай про, чтобы решать не одру проблему а целый спектр, тем самым делая WordPress еще лучше и быстрее.