Создание подрубрик WordPress (Аккордеон)

Для того чтобы создать красивые подрубрики WordPress по типу «Аккордеон», существует много способов. Я не буду рассматривать варианты скриптов и прочих программных фишек, так как это будет тяжело для новичка. Сначала посмотрите, что собой представляют раскрывающиеся рубрики WordPress:

Если у вас много тематических категорий, и вам требуется создать вложенные пункты вертикального меню, — тогда вы попали по адресу.

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

Совсем недавно я очень обрадовался, найдя плагин для раскрывающихся рубрик WordPress, который называется WP-dTree. Он не русифицирован, однако настройки очень простые, тем более что основные моменты я продемонстрирую.

Установить его очень просто: зайдя в админ панель, переходим во вкладку плагинов, и нажимаем «Добавить новый». Справа, в строке поиска, вводим название WP-dTree и нажимаем Enter.

Затем устанавливаем найденный плагин и активируем его. После выполнения действий 1 и 2, указанных на рисунке, вы увидите в настройках внешнего вида новые виджеты:

Естественно, нам нужен тот, который называется «WP-dTree Categories» (он помечен звездочкой). Перетащив его в правую сторону, в сайдбар, мы можем приступить к настройкам.

Я публикую скриншот с теми параметрами, которые сделают отображение раскрывающихся рубрик WordPress таким, какое указано на рисунке №1:

Для того чтобы поэкспериментировать с более детальными настройками – нажмите в Google Chrome правую клавишу мышки и сделайте «Перевод страницы». По ходу дела не сложно разобраться, за что отвечает каждый конкретный пункт. На мой же взгляд, те настройки WP-dTree, которые указаны выше – замечательно отображают Аккордеон рубрик WordPress.

Теперь немного уточнений для тех, кто хочет изменить шрифт и цвет названий категорий в нашем обновленном сайдбаре.

Чтобы изменить цвет, добавьте в файл CSS (Внешний вид → Редактор → style.css) такой код:

.dtree a { color:#000000;}

Вместо «000000», обозначающего черный цвет, укажите тот, который хотите сами.

С изменением размера шрифта дела обстоят чуть-чуть сложнее. Заходим в редактор плагинов, как указано на рисунке:

Затем в правом верхнем углу, в выпадающем списке плагинов, выбираем WP-dTree и нажимаем кнопку «выбрать»:

Теперь перед нами, с правой стороны экрана, отображаются исходные файлы плагина Аккордеона Рубрик WordPress. При помощи Ctrl+F находим пункт с заголовком «wp-dtree.min.css» и нажимаем на него.

В открывшемся окошке делаем поиск такой строки: «.dtree{white-space:nowrap!important ;}». Перед закрывающейся фигурной скобкой дописываем:

font-size: 15px;

где «15» — размер шрифта наименований рубрик.

Ну, вот и все! Надеюсь, что помог вам реализовать красивое оформление и создание подрубрик WordPress (Аккордеон), так как меня бы такое подробное описание очень бы выручило.

Найдя плагин WP-dTree и оценив его достоинства, я решил написать данную статью, чем и рад поделиться с новичками.

Если после прочтения статьи у Вас все равно останутся вопросы – задавайте их в комментариях!