Не так давно столкнулся с вопросом – как вывести список категорий в одну строку, а не списком в 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
Спасибо за материал! Порекомендовала ваш блог друзьям!
Подскажите, возможно есть быстрое решение.
Нужно вывести список категорий, по конкретной категории чекбоксы с иерархией.