Как в body WordPress добавить код: рабочие способы

👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

Если нужно вставить код перед тегом body на статическом сайте, то сложности обычно не возникают. Совсем иначе обстоят дела с CMS WordpPress. В этом случае сделать это не так просто из-за  отсутствия прямого доступа.

Тем не менее есть несколько рабочих способов добавить код в body сайта. Мы рассмотрели их на примере широко известной системы управления содержимым сайта — WordPress.

Зачем нужен код в body WordPress

Как правило, необходимость добавления кода перед закрывающим HTML-тегом боди (</body>) возникает при установке новых подключений, скриптов, прочих дополнительных опций (расширений) и шорткодов.

Здесь преследуется главная цель — корректное отображение содержимого сайта. Если прислушаться к общим рекомендациям и вставить код между тегами <head> и </head> (как для стилей CSS), то содержимое страницы не будет отображаться до тех пор, пока не отработают все скрипты. Итог — посетитель покинет сайта, не дождавшись его полной загрузки.

Таким образом, чтобы неключевые скрипты не мешали и не создавали помех, в Вордпресс их следует вызывать в конце, то есть в подвале, перед закрывающим тегом body (раздел Footer).

Также читайте: Как добавить код в head WordPress-сайта.

Как добавить свой код в боди: 4 способа

Сегодня известно несколько автоматических и ручных способов добавления кода в Body wordpress.

Это можно сделать через плагин Clearfy PRO, путем вставки произвольного html непосредственно в файлы шаблона, при помощи других утилит ВордПресс и для особенно счастливых — через настройки темы (если такие опции в ней предусмотрены).

Более детально каждый из упомянутых вариантов описан ниже по тексту.

Через плагин Clearfy PRO

clearfy pro

Это платное WP-расширение от команды разработчиков WPShop. Сегодня оно активно используется многими seo-специалистами и вебмастерами для оптимизации сайта.

Добавление кода перед закрывающим тегом одна из опций Clearfy PRO. Как это правильно сделать:

  1. Перейти в настройки плагина и открыть раздел «Код».
  2. Проскроллить страницу до настроек «Код перед </body>»;
  3. В пустое поле вставить нужный скрипт html-код.
  4. Кликнуть по кнопке «Сохранить изменения».

вкладка код clearfy

как добавить код в body clearfy

Помимо этой задачи, плагин Clearfy Pro для WordPress сайтов решает впечатляющее количество проблем вебмастеров. Забирайте его прямо сейчас с помокодом -15 %:

Активировать скидку на Clearfy

Вставка произвольного фрагмента кода через файлы темы

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

вставить код в футер

Алгоритм действий при вставке кода в body файлов шаблона WordPress:

  1. Открыть административную панель управления ВордПресс.
  2. Найти и перейти в раздел «Внешний вид» — Редактор тем.
  3. Открыть редактор тем.
  4. Кликнуть на файл с именем «Подвал» (обычно это footer.php).
  5. Внести свои правки перед закрывающим тегом </body>.

С помощью плагина Insert Headers and Footers

плагин Insert Headers And Footers

Здесь речь идет о бесплатной утилите Insert Headers and Footers. Эта одна из лучших утилит, позволяющая легко вставить код в шапку сайта и подвал.

Как это сделать:

  1. Скачать и установить плагин для Вордпресс.
  2. Перейти в раздел «Настройки».
  3. Кликнуть на «Insert Headers and Footers».
  4. В поле «Scripts in Body» вставить свою конфигурацию.
  5. Последний шаг —  клик по кнопке «Save» (изменения сохранятся).

Через настройки шаблона

Как правило, в премиальных шаблонах разработчики предусматривают возможность кастомизации, то есть  можно внедрять дополнительные  HTML.

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

  1. Перейти в раздел «Внешний вид» — Темы — выбрать активную тему Reboot или дочернюю Reboot Child.
  2. Нажать кнопку «Настроить».
  3. Кликнуть по ссылке «Коды».
  4. Поместить в поле свой код (перед закрывающим тегом body).

настройки темы reboot

код в хед в теме reboot

код в бади вордпресс

Вообще шаблон Reboot для сайтов — топовый в ру-сегменте с большим количеством положительных отзывов и отзывчивой техподдержкой.

На него у меня тоже есть промокод, которым я готовая поделиться с вами:

Купить тему Reboot по выгодной цене

Теперь вы знаете несколько способов вставки кода в body wordpress. Но тут есть одно важное условие — прежде чем его добавлять, проверьте на корректность.

Также не рекомендуется таким образом вносить ключевые изменения начинающим вебмастерам. Лучше поручить эту задачу профессионалам.

Создай свой первый сайт на WordPress

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