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

Как вы, наверняка, знаете, для вывода списка рубрик в 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%;
}
Комментарии (4)
  1. 1
    Роман

    В соответствующее место шаблона вашей WordPress-темы вставьте следующий PHP-код:
    Крайне не понятна фраза «В соответствующее место» — какое место соответствует?

  2. 3
    Sasha

    А если в три колонки надо вывести?

    • 4
      Игорь
      @
      <?php
      $cats = explode("<br />",wp_list_categories('title_li=&amp;echo=0&amp;depth=1&amp;style=none'));
      $cat_n = count($cats) - 1;
      for ($i=0;$i<$cat_n;$i++):
      if ($i<$cat_n/3):
      $cat_one = $cat_one.'<li>'.$cats[$i].'</li>';
      elseif ($i>=$cat_n/3 &amp;&amp; $i<($cat_n/3)*2):
      $cat_two = $cat_two.'<li>'.$cats[$i].'</li>';
      elseif ($i>=($cat_n/3)*2 &amp;&amp; $i<($cat_n/3)*3):
      $cat_three = $cat_three.'<li>'.$cats[$i].'</li>';
      endif;
      endfor;
      
      ?>
      
      
      <ul class="clientsCol"><?php echo $cat_one;?></ul>
      <ul class="clientsCol"><?php echo $cat_two;?></ul>
      <ul class="clientsCol"><?php echo $cat_three;?></ul>
      
      
Ваш комментарий