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

Теги: , 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%;
}
(голосов: 6, средняя оценка: 3.67 из 5)
Loading ... Loading ...

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

  1. Дмитрий

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

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

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

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

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

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