Установка виджета на свой сайт на платформе WordPress

В статье мы расскажем, как подключить скрипт JS в тему WordPress.

Получить скрипт для виджета Feely можно в личном кабинете клиента в разделе Виджеты.

Когда вы работаете с WordPress, крайне не рекомендуется вносить изменения непосредственно в файл шаблона header.php или footer.php. Это связано с тем, что у WordPress есть определенная последовательность загрузки, которую необходимо соблюдать в любом случае.

Как добавить JavaScript на WordPress

Добавить JS скрипт в WordPress можно одним из этих способов:

  • с помощью плагина Insert Headers and Footers
  • через файл functions.php

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

Insert Headers and Footers — это плагин, с помощью которого можно создать шаблон кода. В этом шаблоне можно обозначить, в какой части страницы должен отрабатываться скрипт.

Чтобы установить Insert Headers and Footers:

1Перейдите в админку.

2Откройте раздел Плагины — Добавить новый:

Добавить плагин в WordPress

3В поисковой строке укажите имя плагина. Когда поиск отобразит результат, кликните Установить:

Установить плагин в WordPress

4Нажмите Активировать:

Активировать плагин в WordPress

5Перейдите в раздел Плагины — Установленные:

Установленные плагины WordPress

6В списке найдите WP Headers and Footers и кликните Settings:

Headers and Footers плагин в WordPress

7Скрипт можно вставить в один из трех блоков:

  • Header — шапку сайта
  • Body — тело сайта
  • Footer — подвал сайта. Добавьте код в нужную часть страницы:
Использование плагина Headers and Footers

8Кликните Сохранить изменения:

Сохранить изменения в плагине в WordPress

С помощью изменения файла functions.php

1Перейдите в панель управления хостингом.

2В корневой директории сайта перейдите в папку wp-includes. Пример показан для панели управления ispmanager

3Кликните по файлу functions.php, наведите курсор на Редактировать и нажмите Открыть:

Открыть список файлов сайта в WordPress

4Добавьте код и сохраните изменения, нажав Ok:

редактировать файл functions.php в WordPress

✅Готово, вы разместили скрипт JS на сайте WordPress.

Telegram