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


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

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

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

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

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

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

Рис. 2
Рис. 2

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

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

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

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

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

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

.dtree a { color:#000000;}

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

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

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

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

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

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

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

font-size: 15px;

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

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

Будут вопросы – задавайте в комментариях!

teweb.ru-v-socialnyh-setjah
Понравился пост? Нажми любую кнопку:

Комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *