Отображаем список рубрик в две колонки

21 декабря 2009 г.

Как вы, наверняка, знаете, для вывода списка рубрик в WordPress используется функция wp_list_categories(). Манипулируя этой функцией с помощью PHP, мы можем реализовать вывод этого списка в две колонки.

Прошу обратить внимание, что этот способ годится в случае, если нужно вывести только родительские рубрики (без подрубрик).

В соответствующее место шаблона вашей WordPress-темы вставьте следующий PHP-код:

<?php
$cats = explode("<br />", wp_list_categories('title_li=&echo=0&depth=1&style=none'));
$cat_n = count($cats) - 1;
for ($i=0; $i < $cat_n; $i++) {
	if ($i < $cat_n / 2) {
		$catLeft = $catLeft.'<li>'.$cats[$i].'</li>';
	} elseif ($i >= $cat_n / 2) {
		$catRight = $catRight.'<li>'.$cats[$i].'</li>';
	}
}
?>

А после него вот такой HTML-код:

<div class="cats">
	<ul class="catLeft">
		<?php echo $catLeft;?>
	</ul>
	<ul class="catRight">
		<?php echo $catRight;?>
	</ul>
</div>

Теперь остается расположить списки правильно с помощью CSS (добавьте эти стили в файл style.css вашей темы):

.cats {
	width: 100%;
	overflow: hidden;
}
.catLeft,
.catRight {
	float: left;
	width: 50%;
}
  3 Мне понравилось!

Koммeнтapии (26):

  1. Классное решение, спасибо! А можно сделать список рубрик в 3 колонки, например по 5 штук. и разнести эти столбцы друг от друга на определенное расстояние? Или тоже самое, но со статичными страницами?

  2. Ааа, Димка, ты, как всегда, просто чудо :-) Вчера сломал голову как сделать в два столбца, – и так крутил и этак, расстроился уже, что придется жить с этим аццким списком длиной в вечность, а тут че та зашел опять на dimox.name поковыряться, смотрю, ссылка на хаки от тебя :-) Праздник просто! :-) Спасибо :-)

  3. Кстати, как маг и волшебник, не поможешь мне еще вывести в две колонки картинку RSS и ссылки подписки. А то у меня сейчас оно вот так – http://clip2net.com/clip/m10803/1271249264-clip-16kb.png, – а хочется, чтобы было как у тебя на dimox.name. Пробовал стырить стили оттуда, но то ли криво стырил, то ли еще чего..
    В общем, подскажи, пожалуйста, если есть возможность и желание :-)

  4. Ты маг и волшебник, – не иначе :-)
    А эта.. Как его.. Номерок кошелька WMR своего не подскажешь? :-)

  5. Приветствую, Dimox ! Такая проблема случилась. в сайдбаре – выводится отлично все в 2 категории как положено. а вот в футере не хочет. В чем может быть проблема ?

  6. Здравствуйте.У меня такой вопрос у меня шаблон уже с двумя колонками для постов на главной.Можно ли как-то сделать чтоб в поле контента выводились посты только из двух категорий заданных,а не из всех?Надеюсь на вашу помощь.У меня стоит Wordpress 3 и тема http://blogstyle.ru/1920 вот эта. Good Theam Lead.Очень надеюсь на помощь.

  7. Подскажите пожалуйста как сделать такой список рубрик как на http://www.about-lady.ru у меня на сайте…..www.tyvforme.ru, а то они все вместе показываются???!!!! Спасибо заранее…

  8. Подскажите плиз, а как сделать рубрики в две колонки, но чтобы еще подрубрики были??? Спасибо!

  9. А в 2 колонки с подрубриками есть решение? У меня что-то не получается этот вариант. Если знаете – подскажите пожалуйста.

  10. Если из кода удалить &depth=1, тогда подрубрики тоже попадут в список, но они будут вперемешку с родительскими рубриками.

  11. а нельзя как-то сделать чтоб они были как подррубрики оформлены, а не в вперемешку?

Oтпpaвить кoммeнтapий

Облако тегов