Недавно столкнулся с определенными трудностями при добавлении скрипта на 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 библиотеками.