Список рубрик или меток с выдвигающимся числом записей

Владислав Белецкий
Владислав Белецкий .
Категория:
Комментариев: 0

Недавно в комментариях к одному посту меня спросили, как сделать список рубрик или меток с выдвигающимся числом записей, то есть оформить список также, как показано в этом примере.

рубрики1

Как и обещала, я расскажу о том, как можно сделать подобный вывод списка рубрик на вордпресс.

Если вы хотите использовать приведенный ниже код, чтобы вывести список рубрик в сайдбаре с помощью виджета, то необходимо использовать плагин PHP Code Widget, чтобы разрешить использование PHP в виджетах.

Шаг 1. Выводим список рубрик

Сначала при помощи функции get_categories() выведем список рубрик:

Обратите внимание, в исходном HTML-коде список “обернут” в тег <div class="container"<, но если мы оставим такое название класса, то в некоторых темах на WordPress код работать не будет, так как такое название класса уже используется для div-а, в который “обернута” вся страница. Поэтому я переименовала класс в tags-container.

Шаг 2. Добавляем стили

Теперь давайте добавим к нашему списку рубрик оформление при помощи CSS. CSS я возьму как в исходной версии здесь, но немного изменю названия классов, чтобы не было конфликтов с другими классами темы WordPress. Приведенный ниже код надо вставить в низ файла стилей используемой темы:

В итоге, полученный список рубрик будет выглядеть примерно так:

рубрики

Если вы хотите поменять цвет ярлычка, то код, который мы написали в шаге 2, необходимо немного изменить, и добавить класс “green” или “blue” к тегу UL:

К сожалению, сделать так, чтобы одновременно использовались все три цвета, нельзя.

Как видите, сделать красивый вывод списка рубрик на wordpress совсем не сложно 🙂 Если у вас есть какие-то вопросы или комментарии, пишите!

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии