Как добавить JavaScript на страницу WordPress

(или Почему не работает JavaScript в WordPress)

Если писать в записи WordPress скрипт используя <script> … </script> он работать не будет так как при публикации в нём неизбежно всплывают коды <p>, которые делают неработоспособным весь код.

Выход из ситуации есть:

  • Либо не использовать в коде переход на новую строку и писать всё в одну строку
  • Либо скрипт писать во внешнем файле и просто подключить его в записи

Подключить скрипт можно следующим образом:

Чтобы браузер не кэшировал скрипт:

<script charset="utf-8" type="text/javascript" src="//site.ru/wp-content/themes/mytheme/js/myscript.js?r=" + Math.random();></script>

Чтобы браузер мог кэшировать скрипт:

<script charset="utf-8" type="text/javascript" src="//site.ru/wp-content/themes/mytheme/js/myscript.js"></script>

Если вставить этот код в начале записи — он выполнится до создания элементов и текста записи

Если вставить его в конце, то сначала полностью прогрузится страниза записи, а затем выполнится прикреплённый скрипт.

P.S.: Кодировка скрипта должна быть UTF-8 (без BOM)

(Просмотрено 295 раз, 1 раз за сегодня)
Вы можете оставить комментарий, или Трекбэк с вашего сайта.

Оставить комментарий