WordPress и javascript

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

  1. Проверить включен ли javascript в настройках браузера.
  2. Проверить сам скрипт, его адрес и вывод кода в браузере.
  3. Если это jquery, то проверить иклудиться ли сама библиотека и правильно ли вы разместили скрипт. Также, замените в скрипте “$” на “jQuery”.
  4. Попробовать переместить скрипт в теле файла.
Стаття 'WordPress и javascript' опублікована 23.12.2011, 12:17 в 'Sites , , , '. 2 комментария

2 thoughts on “WordPress и javascript

  1. Спасибо!!!!
    «Также, замените в скрипте “$” на “jQuery”.» — это вот 3 часа искал!!!

  2. Возникает если подключить JS скрипт в файле темы, а затем использовать плагин, которому нужен этот же скрипт. Чаще всего такое происходит с JavaScript библиотеками.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

15 + = 20