Как сделать вывод подрубрик на странице рубрики в WordPress

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

Для чего вообще нужен такой список?

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

Итак, а теперь перейдем собственно к шагам встраивания кода на ваш проект.

  • Находим файл archive.php (если у вас есть файл category.php — то ищем его), и под H1 (рекомендую именно там) ставим этот код, он то и выведет вам список подрубрик, все просто.
1
2
3
4
5
6
7
<div class=«subcat»><ul class=«subcateg»>
<?php
if (count(get_categories(‘child_of=’.$cat)))
if (is_category()) {
$current_cat=get_query_var(‘cat’);
wp_list_categories(‘child_of=’.$current_cat.‘&title_li=&show_count=1’);} ?>
</ul></div>

Тут ,если вам не нужно выводить количество записей в подрубрике, то вместо show_count=1 пишете show_count=0

  • Далее, в ваш css файл темы вставляем следующие стили.
.subcat{
width: 510px;
margin: 0px auto 57px;
}
.subcat ul li{
margin: 0px 15px; /
font-size: 12px;
padding: 0px 16px 27px 0px;
float: left;
}
.subcat ul li .cat-item-7{
background: url(«images/icon_subcat.png») no-repeat scroll 0px 2px transparent;
padding-left: 20px;
padding-bottom: 3px;
}
.subcat ul li a{color: #34495E !important;
}
Вот и все, теперь у вас будут выводится подрубрики в рубриках, а стили можете эти подправить под свой шаблон, как вам будет угодно.
Как и писал выше, чтобы все это выглядело еще более красиво — нужно сделать иконки к каждой подрубрике, в этом поможет плагин Category & Page Icons, я его использую ,все совместимо.
Если у вас будут вопросы или комментарии, пишите всегда рад.
Понравилось? Было полезно? Подпишись!

Ваш E-mail

Обсуждение: 7 комментариев

  1. Алевтина:

    Спасибо за статью, полезно было почитать. А главное, все наглядно. А еще есть какие-нибудь совместимые плагины для иконок?

    Ответить
    1. Optimiz:

      Скорее всего есть, поищи по слову category icons на сайте плагинов вордпресс. Я пользуюсь этим, или вообще без плагинов делаю иконки, позже сделаю пост об этом.

      Ответить
  2. Виталий:

    Действительно, это решит вопрос просмотра страниц. Автору огромнейший респект. Сайт обязательно в закладки.

    Ответить
    1. Optimiz:

      Спасибо

      Ответить
  3. RonnieGoork:

    Жалко, что 2 года назад я это не прочитал :O(

    Ответить
  4. Антон Сергеевич:

    Всё получилось, автору респект и уважение!)))

    Ответить
  5. Юрий:

    Приветствую! У меня данный способ не сработал. В чем может быть проблема? Вставил первый код под h1 в category.php, затем в style.css второй код и сайт перестал отображать категорию вообще. Куда в style.css нужно было именно вставлять второй код? может в расположении проблема?

    Ответить

Добавить комментарий

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