Группировка списка по первым буквам на PHP

Работает данная группировка просто. У нас есть какой-то цикл, например while, который выводит названия для списка. Мы создаем переменную, в которую будем писать первые уникальные буквы каждой строки (заголовка). Далее мы определяем эту первую букву и проверяем, есть ли она в нашей переменной. Если ее нет, то это первая уникальная буква, мы ее выводим на экран и добавляем к переменной. Если же она там нашлась, то соотв. ничего не показываем.

Для списка из названий $title, этот код выглядит примерно так:

<?php
	$all = ''; // Переменная для всех первых букв
	echo '<ul class="mylist">';
	while (...) {
		$first = mb_substr($title, 0, 1); // Берем первую букву из заголовка
		$pos = strpos($all, $first); // Ищем первую букву в переменной для букв
		if ($pos === false) { // Если не нашли, показываем букву
			$all .= $first;	// и добавляем ее в переменную.	
			$show = '<hr /><span>' .$first. '</span>';
			} else {
			$show = '';
		}							
		echo '<li>' .$show. '' .$title. '</li>'; 
	}
	echo '</ul>';		
?>

<?php

$all = ''; // Переменная для всех первых букв

echo '<ul class="mylist">';

while (...) {

$first = mb_substr($title, 0, 1); // Берем первую букву из заголовка

$pos = strpos($all, $first); // Ищем первую букву в переменной для букв

if ($pos === false) { // Если не нашли, показываем букву

$all .= $first; // и добавляем ее в переменную.

$show = '<hr /><span>' .$first. '</span>';

} else {

$show = '';

}

echo '<li>' .$show. '' .$title. '</li>';

}

echo '</ul>';

Пример:

Пример для вывода списка статей из всех подкатегорий нужного раздела в CMS WordPress

В нашем случае это вывод всех записей из рубрик "Создание и оформление сайтов"

PHP:

Все описание дано в комментариях кода

<?php
	$subcat_ids = get_terms('category', array (
	'child_of' => 2, // ID категории из подкатегорий которой выводим записи
	'fields' => 'ids'
	));
	array_push($subcat_ids, 2); // Добавляем в массив корневую категорию
	$args = array (
	'category__in' => $subcat_ids,
	'showposts'=>-1, // Количество записей неограничено
	'order' => 'ASC',
	'orderby' => 'title' // Выводим по алфавиту
	);
	$all = ''; // Переменная для всех первых букв
	$my_query = new wp_query($args);
	if( $my_query->have_posts() ) {
		echo '<ul class="mylist">';
		while ($my_query->have_posts()) {
			$my_query->the_post();
			$first = mb_substr(get_the_title(), 0, 1); // Берем первую букву
			$pos = strpos($all, $first); // Ищем первую букву в общем списке
			if ($pos === false) { // Если не нашли, показываем букву 
				$all .= $first;	// и добавляем ее к переменной
				$show = '<hr /><span>' .$first. '</span>';				
				} else {
				$show = '';
			}								
			the_title( sprintf( '<li>' .$show. ' <a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></li>' ); 
		}
		echo '</ul>';	
		wp_reset_query();	
	}
?>

<?php

$subcat_ids = get_terms('category', array (

'child_of' => 2, // ID категории из подкатегорий которой выводим записи

'fields' => 'ids'

));

array_push($subcat_ids, 2); // Добавляем в массив корневую категорию

$args = array (

'category__in' => $subcat_ids,

'showposts'=>-1, // Количество записей неограничено

'order' => 'ASC',

'orderby' => 'title' // Выводим по алфавиту

);

$all = ''; // Переменная для всех первых букв

$my_query = new wp_query($args);

if( $my_query->have_posts() ) {

echo '<ul class="mylist">';

while ($my_query->have_posts()) {

$my_query->the_post();

$first = mb_substr(get_the_title(), 0, 1); // Берем первую букву

$pos = strpos($all, $first); // Ищем первую букву в общем списке

if ($pos === false) { // Если не нашли, показываем букву

$all .= $first; // и добавляем ее к переменной

$show = '<hr /><span>' .$first. '</span>';

} else {

$show = '';

}

the_title( sprintf( '<li>' .$show. ' <a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></li>' );

}

echo '</ul>';

wp_reset_query();

}

CSS:

.mylist {
	list-style: none;
	padding: 10px 10px 10px 38px;
}
.mylist li {
	position: relative;
	padding: 2px 0;
}	
.mylist li hr {
	margin: 16px 0 6px 0;
	border: 1px solid #BFE2FF;
}	
.mylist li a {
	color: #000;
	line-height: 18px;
}	
.mylist li a:hover {
	color: #337AB7;
}	
.mylist span {
	position: absolute;
	color: #337AB7;
	left: -26px;
	top: 16px;
	font-size: 18px;
	font-weight: bold;
}

.mylist {

list-style: none;

padding: 10px 10px 10px 38px;

}

.mylist li {

position: relative;

padding: 2px 0;

}

.mylist li hr {

margin: 16px 0 6px 0;

border: 1px solid #BFE2FF;

}

.mylist li a {

color: #000;

line-height: 18px;

}

.mylist li a:hover {

color: #337AB7;

}

.mylist span {

position: absolute;

color: #337AB7;

left: -26px;

top: 16px;

font-size: 18px;

font-weight: bold;

}

Еще один вариант оформления такого списка, можно посмотреть в теме: "Оформление списка, сгруппированного по алфавиту"

Пример:

PHP:

CSS:

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

Добавить комментарий:

Комментарии: