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

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

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

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

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

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

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

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

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

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

Clearfy PRO.
Опция в Клеарфай.

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

Показ двух надписей в подвале.
Отображение второго кода в body.

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

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

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

Админка WP.
Как выглядит при поиске.

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

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

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

Внутряк WordPress.
HTML и CSS в вордпресс

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

Женя

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

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