Облагораживаем список рубрик на WordPress-блоге
29 08 2008Как мы знаем, WordPress позволяет выводить на блоге список рубрик и в скобках после название рубрики отображать количество записей в ней. Выглядит это примерно так:
- Банки и кредиты (12)
- Бизнес и Финансы (4)
Я хотел бы рассказать, как преобразить данный список, оставив названия рубрик слева, а цифры, указывающие количество записей в них - справа, чтобы получилось примерно следующее:
- Банки и кредиты (12)
- Бизнес и Финансы (4)
А реализуется такая вещь очень просто.
HTML + PHP
Сначала обозначим код, который выводит список рубрик WordPress-блога со счетчиком записей:
<ul id="categories">
<?php wp_list_categories('show_count=1&title_li='); ?>
</ul>
CSS
Теперь нужно написать для этого списка всего пару строк CSS-кода:
#categories {
text-align: right;
/* выравниванием содержимое списка
по правому краю */
}
#categories a {
float: left;
/* сделав ссылки (названия рубрик) плавающими,
прижимаем их влево */
}
Вот и все. Единственное, что стоит добавить - если длина названия рубрики будет больше отведенного ей пространства до скобок, то список будет смотреться не красиво.
Статья с сайта Dimox’a, посмотреть оригинал.
Вот вы пишете, что «WordPress позволяет выводить на блоге список рубрик и в скобках после название рубрики отображать количество записей». А как это сделать? Все перерыла, ничего найти не могу ((
Ну что тут не понятного, в статье все прекрасно написано. Заменяем код php и прописываем стили в css. У меня на сайте это выравнивание не стоит, т.к. есть подрубрики и происходит сдвиг, а вообще - замечательный эффект.
Алена (11:24:56) Видимо интересовалась как вообще в принципе это включается в самом WP
В панеле админа идём в раздел “Внешний вид” - “Виджеты”, перетаскиваем виджет “Рубрики” вправо на боковую колонку, открываем там по стрелки вниз настройку рубрик и ставим нужные галки, например, “Отображать число записей”.