Блог / jQuery / Додавання на сайт AJAX фільтра записів (типів постів) за рубриками (таксономиям), довільним полях або за датою. Сортування по спадаючій / зростанню.
Останнім часом помічаю, що все більше постів публікуються на прохання читачів, так що пишіть, можливо і для вас розберу якусь тему 🙂
Зараз я покажу вам, як легко і просто створювати асинхронні фільтри записів / товарів (і ті і другі - це довільні типи постів) на сайті за допомогою всього лише jQuery і WP_Query.
1. HTML форма фільтра
Форма буде складатися зі списку таксономій (для простоти - рубрик), діапазону значень довільного поля (наприклад нехай це буде ціна), радіо-кнопок сортування за датою, за зменшенням і зростанням, а також чекбокса, який дозволить відфільтрувати пости, відобразивши тільки ті з них, у яких є мініатюра.
таксономії
Неважливо, елементи якої таксономії ви хочете вивести, в будь-яких випадках функція get_terms () мені здається ну найзручнішим варіантом.
Для того, щоб вивести елемент списку з її допомогою, ви можете скористатися наступним кодом:
довільні поля
Для прикладу візьмемо мінімальну і максимальну ціну.
Ну тут все легко, можна просто використовувати два HTML-інпут. Звичайно, буде набагато цікавіше елемент range з можливістю пересуву повзунків мінімального і максимального значення. Але це вже на ваш розсуд, плагінів jQuery багато, що-небудь та виберете.