Главная › WordPress

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

6 комментариев

Как вы, наверняка, знаете, для вывода списка рубрик в 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%;
	padding: 0;
}

Смотрите также

Как в списке рубрик WordPress-сайта выделить рубрику текущей записи

8 комментариев

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

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

По умолчанию в списке рубрик, если задана соответствующая опция, функция wp_list_categories () выводит количество записей после ссылки на рубрику: Новости (73) Но иногда бывает необходимо, чтобы счетчик находился в ссылке, а не после нее, т. е. вот ...

Разметка WordPress-меню по БЭМ с помощью волкера

7 комментариев

Я верстаю по методологии БЭМ и при разработке WordPress-шаблонов стараюсь там, где это возможно, привести к соответствующему виду встроенные в WordPress CSS-классы. Стандартное меню WordPress выводится функцией wp_nav_menu (), и есть возможность его модифицировать с помощью ...

Удаляем ссылку у текущего пункта меню WordPress

8 комментариев

Очень часто в техническом задании на создание шаблона для WordPress значится пункт: «Не должно быть циклических ссылок». Это означает, что, когда мы находимся на какой-либо странице, на ней не должно быть ссылок на саму себя. Чтобы выполнить данное ...

Комментарии (6)

  1. Роман
    9 лет 7 месяцев назад

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

  2. Sasha
    9 лет 4 месяца назад

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

    • Игорь
      6 лет 1 месяц назад / ответ на коммент Sasha 
      <?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>
  3. Вадим
    3 года 3 месяца назад

    Добрый вечер, Дмитрий

    Воспользовался вашим кодом, но у меня категории выводятся по-прежнему в 1 колонку…
    как прописать количество категорий в колонке 1 и 2
    К примеру: у меня 8 кат. И мне нужно распределить по 4 в каждой.
    Есть ли такое решение?
    Спасибо, надеюсь на скорый ответ.

Ваш комментарий