Нещодавно зіткнувся з певними труднощами при додаванні скрипта на JavaScript до блогу на движку WordPress. Тому тут я опишу деякі можливі проблеми та шляхи їх вирішення.
Як вставити javascript у wordpress
Зробити це можна стандартним способом, додаючи код скрипта прямо до шаблону вашої теми за допомогою редактора HTML. Стандартний код джаваскрипта виглядає так:
<script type=”text/javascript”>
// тут якийсь код скрипту
</script>
Як винести скрипт в окремий файл
Для цього створюєте текстовий файл і вставляєте туди ваш JavaScript без тегів <script type=”text/javascript”> та </script>. Далі зберігаєте файл із розширенням .js та завантажуєте на сайт. Потім цей скрипт треба викликати за допомогою такого коду:
<script type=’text/javascript’ src=’http://Тут-адреса-вашого-скрипта ‘></script>
WordPress та jquery
Для запуску jquery скрипту на WordPress вам по-перше треба перевірити, чи викликана ця бібліотека на вашому блозі. Для цього у вихідному коді шукаємо схожий рядок:
<script type=’text/javascript’ src=’http://адреса-сайту/wp-includes/js/jquery/jquery.js?ver=1.6.1′></script>
Якщо такої немає, підключаємо її за допомогою занесення такого коду в секцію <head> (До функції wp_head) файлу header.php:
<?php wp_enqueue_script(“jquery”); ?>
Або такого коду у functions.php:
<?php
function insert_jquery(){
wp_enqueue_script(‘jquery’);
}
add_filter(‘wp_head’,’insert_jquery’);
?>
Сам jquery скрипт треба вставляти після функції wp_head.
Якщо JavaScript не працює
- Перевірити чи увімкнено JavaScript у налаштуваннях браузера.
- Перевірити сам скрипт, його адресу та виведення коду в браузері.
- Якщо це jquery, то перевірити викручуватися чи сама бібліотека і чи правильно ви розмістили скрипт. Також замініть у скрипті “$” на “jQuery”.
- Спробувати перемістити скрипт у тілі файлу.
Спасибо!!!!
“Также, замените в скрипте “$” на “jQuery”.” – это вот 3 часа искал!!!
Возникает если подключить JS скрипт в файле темы, а затем использовать плагин, которому нужен этот же скрипт. Чаще всего такое происходит с JavaScript библиотеками.