Цим постом я розпочинаю серію взаємодоповнюючих статей, присвячених розробці плагінів для WordPress. Завданням плагіна, який ми розроблятимемо, буде — Ajax-пошук статей з автозаповненням. Для реалізації цієї функціональності нам доведеться розглянути щонайменше такі теми:
- Розробка файлу плагіна
- Створення шорткоду
- Підключення стилів і скриптів
- Робота з Ajax у WordPress
- Робота з jQuery Autocomplete
- Виведення списку постів на сторінку та пагінація
Як бачите, роботи чимало. І тим, хто лише починає знайомство з програмною частиною WordPress, має бути цікаво.
Створення плагіна
Плагін, як і тема — це набір файлів php, js, css, розміщених по теках і виконуючих певну функцію. З темою все зрозуміло — вона відповідає за візуальне оформлення сайту (фронтенду). Хоча ні, у тему ще можна «вшити» потрібну функціональність — наприклад, той самий плагін. Тим самим розширити можливості теми. А ось з плагіном не так — він не може стати темою і не може «жити» самостійним життям. Тому існують сотні тем різного спрямування — оренда нерухомості, авіаквитки, новини та інше, інше, інше.
Як у теми, так і у плагіна повинен бути свій «стартовий» файл. У теми це style.css з певними коментарями на початку файлу. А у плагіна — будь-який PHP-файл також з відповідними коментарями у шапці файлу.
Файл плагіна. Щоб його легше було знайти, зазвичай я називаю його так само, як і теку плагіна. Самі плагіни WP розташовані у каталозі «/wp-content/plugins/». Назвемо наш плагін «wp-post-autocomplete», створивши теку у вказаній директорії. Також створимо у ній файл з такою ж назвою — «wp-post-autocomplete.php».
Відкриваємо файл і додаємо на початок такий коментар:
/* Plugin Name: WP Post Autocomplete Description: Аякс пошук статей з автокомплітом Version: 1.0.0 */
Де:
Plugin Name — назва плагіна
Description — опис плагіна
Version — версія плагіна
Насправді, параметрів може бути більше, але ми використали найнеобхідніші.
На цьому все, перший урок завершено. Сподіваюся, «побачимось» за тиждень.
Список усіх уроків теми
- Урок 1. Як самостійно написати плагін для WordPress
- Урок 2. Розробка шорткоду для плагіна WP Post Autocomplete
- Урок 3. Підключення стилів і JS скриптів до плагіна автозаповнення постів
- Урок 4. Робота з Ajax у плагіні автозаповнення постів
- Урок 5. Підключення jQuery Autocomplete до плагіна автозаповнення постів
- Урок 6. Виведення списку постів на сторінку і пагінація