Как сделать вывод подрубрик на странице рубрики в 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;

}

3 марафона за 9 месяцев и КИНЗА

Предыдущая запись

Финстрип за август 2016 года

Следующая запись