На сайт WordPress вставить свой js скрипт можно двумя простыми способами: через плагин и скачав файл в публичную папку. Для примера рассмотрим WP плагин Simple Custom CSS and JS. Он позволяет добавлять произвольные CSS и JS данные на сайт через редактор кода.
Как вставить JS на WordPress через плагин
1. Установите плагин стандартным путем. В консоле появится пункт "Произвольные CSS и JS".
2. Перейдите в этот раздел, нажмите на "Добавить произвольный JS" и вставьте ваш код.
2. Укажите:
- тип связывания - внутренний;
- где на странице - в элементе head в элементе footer (js предпочтительнее располагать в footer);
- где на сайте - для публичной стороны сайта.
3. Сохраните внесённые данные.
Как вставить JS на WordPress через панель управления хостингом
1. Зайдите в файловый менеджер через панель управления хостингом.
2. Выберите нужный домен, папку public_html, папку wp-content.
3. Создайте в wp-content свою собственную папку. Её можно назвать my-script или иным аналогичным образом.
4. Загрузите в свою папку js файл.
5. Внизу на странице, где скрипт должен отрабатываться, пропишите путь к этому файлу, например:
<script src="https://ваш_домен/wp-content/ваша_папка/script.js"> </script>
6. Сохраните изменения.
Плюсы и минусы каждого из способов
Использование плагина
✅ Позволяет подключить один скрипт сразу на всех страницах сайта, не надо прописывать путь вручную.
❌ Скрипт работает на всех страницах, даже на тех, где не нужен. Подключение к выбранным страницам - платная функция.
Установка файла на хостинг
✅ Можете использовать бесплатно неограниченное количество скриптов.
✅ Можете для каждой страницы назначить свой скрипт.
✅ Не надо устанавливать дополнительные плагины.
❌ Нужен доступ к файлам сайта.
Вывод:
Если вам нужен скрипт, используемый на всех страницах сайта сразу, используйте плагин. Достаточно его бесплатной версии. Если скрип должен работать только на одной странице, добавьте файл вручную на хостинг.
Рекомендуем также прочесть статью Как вставить код всплывающего окна Java Script на сайт. По аналогичной инструкции можно вставлять любой скрипт.
Пример работы информационного окна в статье о Digital Nomad
Комментарии