Продолжим разработку нашего плагина автокомплита постов. Сегодня разберем функционал Ajax в движке WordPress. А именно — что, как и где подключать, как протестировать работу без реализованного фронтенда, и какие собственно запросы для этого нужно отправлять на сервер.
Статьи автора: Pavel
Продолжаем разработку плагина «wp-post-autocomplete». В сегодняшней статье мы подключим стили, js файл и библиотеку autocomplete от фреймворка jQuerty (который по умолчанию идет с движок WP).
Продолжим разработку нашего WP плагина по автокомплиту постов. Сегодня мы создадим шорткод с полем ввода для искомого текста.
Для формирования кода плагина, грубо говоря, можно использовать два подхода:
- Использовать функции для написания хуков, фильтров, хелперов, пр.. При этом, добавлять в начало каждой функции уникальный префикс. Чтобы не было конфликтов с названиями ф-й других плагинов/тем, или движком ВП.
- Или использовать класс(ы), для разработки. Да, здесь нам так же придется использовать префиксы, но значительно меньше, т. к. вся логика будет скрыта в методах класса.
Данным постоя я стартую ряд взаимодополняющих статей, посвященных разработке плагинов под WordPress. Задачей разрабатываемого нами плагина будет - Аякс поиск статей с автокомплитом. Для реализации данного функционала, как минимум нам придется затронуть ряд тем, а именно:
- Разработка файла плагина
- Разработка шорткода
- Подключение стилей и скриптов
- Работа с Ajax в WordPress
- Работа с jQuery Autocomplete
- Вывод списка постов на страницу и пагинация
Как видите, работы предстоит не мало. И тем кто делает лишь первые шаги в изучение программной части движка ВордПресс должно быть интересно.
Данная статья — это продолжение статьи о табах на jQuery и flexbox. Сегодня мы модифицируем наш скрипт, и реализуем его в виде jQuery плагина немного усовершенствовав.
И первое что мы сделаем, это разнесем логику скрипта на два файла:
- Стили. Они останутся не измены, мы их просто перенесем из html документа в файл «jquery.tab-light.css».
- JavaScript. Его код перенесем в файл «jquery.tab-light.js»
Так же, не забудьте подключить выше описанные файлы в ваш html документ.
Второе. Назовем наш плагин «tabLight» (т. е. простой). Данное название мы будет использовать в JS коде.