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

Не так давно столкнулся с вопросом – как вывести список категорий в одну строку, а не списком в 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>

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