Как вывести категории блога не списком, а строкой без виджета

Не так давно столкнулся с вопросом – как вывести список категорий в одну строку, а не списком в WordPress? Еще одним условием стало то, что нужен был выборочный список, а не все категории подряд. Причем в хедере нужны были одни категории и определенное их количество, в футере (не поддерживающем виджеты) нужен был список всех категорий, кроме пары штук.

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

<?php wp_list_cats(); ?>

но как сделать так, чтобы категории выводились не “списком”, а в одну строчку? На помощь приходят каскадные таблицы стилей – CSS. И если по дефолту вордпресс выводит категории списком, то мы должны поменять форматирование вывода, для чего отредактируем файл стилей нашей вордпресс-темы

#linecategories ul li
{
display: inline; /* выстраиваем элементы в строчку */
margin-right: 7px; /* отступ справа от элемента */
}

Что мы сделали? В файле style.css (в вашей теме он может называться по-другому) мы для селектора #linecategories задали стили оформления элементов списка ul и li, таким образом, чтобы они выводились в одну строку и каждый элемент имел справа отступ в 7 пикселей. Теперь в нужном месте шаблона вставляем вот такой, например, код:

<div id=”linecategories”>
<?php wp_list_cats(‘exclude=3,4,10,13,18’); ?>
</div>

И любуемся категориями, выведенными в строчку!

 >

2 Comments

  1. Nadezda Krivohizina
    Posted April 9, 2013 at 12:35 pm |

    Спасибо за материал! Порекомендовала ваш блог друзьям!

  2. Надежда
    Posted December 26, 2013 at 2:33 pm |

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

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*