Каталог ссылок и рубрикатор

Задача:

Сделать на сайте кликабельный рубрикатор, организовать возможность показывать ссылки на публикации согласно разделам, к которым эти публикации прикреплены. Сайт на Wordpress + Elementor.

Категория работ:

Внешне задача выглядела не очень сложной. На странице библиотеки была вразнобой создана коллекция ссылок на публикации, портянка из 100 записей. Каждая публикация была прикреплена к одной из 6 категорий, созданной в стороннем плагине.

Нужно было добавить возможность разбивать эту портянку на категории, задействовав функционал того самого плагина. Выбирается категория, потом если нужно выбирается год и вводятся ключевые слова. Далее необходимо нажать на кнопку поиска. Жуть.

Каталог ссылок и рубрикатор

В процессе выяснилось, что плагин одноразовый, создает только один шорткод, и он уже задействован в другом месте сайта.

Колхозить также как предыдущий вебмастер не хотелось (создав 6 текстовых портянок, загружающихся при выборе поля нужной категории), я всегда делаю нормально и масштабируемо.

Поэтому я разобрал портянку текста со ссылками на отдельные карточки (100 штук ровно), прикрепил каждую к соответствующей категории. И добавил функционал, на порядок превышающий по своим возможностям то, что предполагал заказчик.

Теперь это не портянка ссылок вразнобой, а структурированный рубрикатор, категории следуют друг за другом. При нажатии на вертикальное название категории - мгновенно, без перезагрузки страницы остается только выбранная категория.

Поле поиска также работает в реальном времени. По мере ввода текста в списке ниже остаются только карточки, содержащие необходимые слова.

Естественно, все это масштабируется, можно добавлять новые категории, менять категории у существующих карточек, добавлять миниатюрки, более подробное описание, и так далее. Короче, вах.

Отправить запрос

Copyright © 2021, GuruSite24. Копирование материалов сайта запрещено.
menu-circlecross-circle