Облагораживаем список рубрик на WordPress-блоге

29 08 2008

   Как мы знаем, WordPress позволяет выводить на блоге список рубрик и в скобках после название рубрики отображать количество записей в ней. Выглядит это примерно так:

   Я хотел бы рассказать, как преобразить данный список, оставив названия рубрик слева, а цифры, указывающие количество записей в них - справа, чтобы получилось примерно следующее:

   А реализуется такая вещь очень просто.

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, посмотреть оригинал.


Actions

Информация

6 комментариев на “Облагораживаем список рубрик на WordPress-блоге”

20 03 2009
Алена (11:24:56) :

Вот вы пишете, что «WordPress позволяет выводить на блоге список рубрик и в скобках после название рубрики отображать количество записей». А как это сделать? Все перерыла, ничего найти не могу ((

20 03 2009
Infinity (12:31:21) :

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

10 01 2010
SeRg (18:44:30) :

Алена (11:24:56) Видимо интересовалась как вообще в принципе это включается в самом WP
В панеле админа идём в раздел «Внешний вид» — «Виджеты», перетаскиваем виджет «Рубрики» вправо на боковую колонку, открываем там по стрелки вниз настройку рубрик и ставим нужные галки, например, «Отображать число записей».

24 10 2011
Николай Петропавловский (02:26:21) :

интересно

20 11 2011
Настоящий Полковник (03:42:04) :

Рекомендую поискать ответ на Ваш вопрос в google.com

25 10 2012
Татьяна (16:30:36) :

Спасибо за помощь!!!

Оставить комментарий

Вы можите использовать теги : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Реклама от партнеров: Все о горном деле http://industry-portal24.ru