Иконки категорий объявлений в Classipress

Для улучшения внешнего вида и расширения функционала темы Classipress уже существует достаточно большое количество всевозможных плагинов. Среди них есть и такой Category Icons Classipress plugin, позволяющий добавлять иконки к категориям объявлений Classipress. Несомненно, применение иконок позволит придать доске объявлений особую индивидуальность и привлекательность, но вот стоит ли этот плагин тех $19, которые за него просят? Сомневаюсь. Тем более, что самую трудоемкую работу — подбор или изготовление пакета иконок подходящих под специфику вашей доски объявлений все равно придется делать самому.

Между тем, добавить иконки к категориям объявлений можно и без плагина, дополнив файл style.css в вашей ChildTheme несколькими строчками однотипного кода.

Для того, чтобы присвоить всем категориям на главной странице одинаковую иконку необходимо добавить в файл style.css следующий код:

А в папку images ChildTheme поместить иконку folder folder.png

Сохраните изменения и обновите главную страницу сайта, теперь категории объявлений должны выглядеть так:
Общая иконка категорий Classipress

Развиваем тему дальше. Для того чтобы назначить категориям индивидуальные иконки необходимо провести небольшую подготовительную работу — определить идентификационный номер ID каждой категории, присваиваемый автоматически при ее создании. Для этого потребуется скачать и установить плагин Reveal IDs. После его активации в админке вы сможете увидеть какой номер ID имеет каждая категория:
ID категорий Classipress

Удалите из файла style.css код предыдущего примера, а вместо него добавьте этот:

Таких строчек нужно будет добавить столько, сколько у вас создано категорий. Только в каждой строке XX необходимо заменить на номер ID категории, а category_icon.png на название файла иконки, предварительно помещенного в папку с изображениями вашей дочерней темы Classipress.

Пример:

Результат:
Индивидуальные иконки категорий Classipress

Добавить иконки к категориям в выпадающем меню можно строками кода:

Результат:
Иконки категорий в выпадающем меню Classipress

На этом все. Надеюсь, что изложил все понятно. Если есть вопросы по теме — обращайтесь, постараюсь ответить.

D.Master

Обсуждение закрыто.