Javascript в WordPress

Дата публикации:Сентябрь 29, 2010

Javascript является мощным инструментом, базирующимся на различных библиотеках, таких как jQuery, MooTools, Scriptaculous и т.д. Миллиарды полезных скриптов, хранящихся в них, позволяют выполнять практически любые задачи. Большинство известных крпуных сервисов на сегодняшний день построены на Javascript, что относится и к панели администратора WordPress. Если вы запретите в браузере выполнение сценариев, то заметите, как сильно это повлияет на работоспособность панели администратора.

Начнем с реализации различных скриптов на своем сайте. Для того чтобы загрузить любую из существующих библиотек, поддерживаемых WordPress, вам понадобится инструкция wp_enqueue_script(). С ее помощью мы попытаемся загрузить к проекту библиотеку jQuery:

function load_my_scripts() {
wp_enqueue_script('jquery');
}
add_action('wp_footer', 'load_my_scripts');

Благодаря add_action() выполняется подцепление созданной функции к хуку wp_footer.

Применение wp_enqueue_script() значительно облегчает загрузку скриптов. Вы можете загружать сценарии только по мере необходимости, используя при этом условные теги. К примеру, для того чтобы сценарий выполнялся только на главной странице, достаточно использовать условный тег is_home().

Использование скриптов открывает перед разработчиком широкий горизонт возможностей. Одним больше нравится Prototype, нежели jQuery, другие отдают предпочтение MooTools, третьи выбирают Scriptaculous, и т.д. В любом случае, благодаря wp_enqueue_script() можно загрузить ту библиотеку, которая полностью отвечает вашим нуждам. При подключении скриптов обязательно нужно удостовериться в том, что они не замедляют время загрузки сайта.

Вы всегда можете найти в кодексе всю необходимую информацию относительно библиотек, используемых в wp_enqueue_script(): codex.wordpress.org/Function_Reference/wp_enqueue_script. При выборе какой-либо из библиотек или их расширений обязательно удостоверьтесь в том, что они правильно работают во всех популярных веб-браузерах.

Поделиться

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

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

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.

Предыдущая запись:

Следующая запись: