Подключение возможностей jQuery UI к WordPress сайту

К настоящему времени вы должны уже быть ознакомлены с удобным подключением jQuery плагинов к WordPress сайтам. Поскольку определенные компоненты UI плагина доступны в WordPress, мы рассмотрим различные способы их подключения к проекту.

Подключение jQuery UI из сборки WordPress

Плагин jQuery UI, входящий в сборку WordPress, представляет собой отдельные .js файлы. Вам понадобится зарегистрировать не только файлы ядра UI, но и каждый виджет или интерактивное действие, которое потребуется для проекта. В данном случае разработчику доступны следующие виджеты и интерактивные действия: Dialog, Draggable, Droppable, Resizable, Selectable, Sortable и Tabs.

Сначала необходимо подключить ядро плагина к WordPress теме:

...
<?php
  if (!is_admin()) {//checking for is_admin makes sure that the UI 
doesn't load in admin
   //adding array('jquery') means the ui-core requires jquery
   wp_enqueue_script("jquery-ui-core", array('jquery'));
  }//end of is_admin
?>
...

После чего уже можно подключать каждый отдельный виджет:

...
<?php
   if (!is_admin()) {//checking for is_admin makes sure that the UI 
doesn't load in admin
   //requires jquery AND the ui-core
   wp_enqueue_script("jquery-ui-dialog",
     array('jquery','jquery-ui-core'));
   }//end of is_admin()
?>
...

Существующие имена виджетов:

• jquery-ui-tabs
• jquery-ui-sortable
• jquery-ui-draggable
• jquery-ui-droppable
• jquery-ui-selectable
• jquery-ui-resizable
• jquery-ui-dialog