X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

Список рубрик или меток с количеством записей или меток

Приклад
  • 2024-04-20
  • 4188 переглядів

  • Дизайн та розробка сайту

Доброго времени суток. 🙂

Сегодня хочу показать способ, как вывести список рубрик с количеством записей в каждой из них. Так же при минимальном изменении кода, буквально замена одного параметра и у Вас будет список меток, с количеством использования каждой. Данный трюк может понадобится Вам, если Вы решите изменить свою тему или занимаетесь созданием новой. Таким образом, Ваш список будет не обычным, к тому же информативным для посетителей.

Список рубрик или меток с количеством записей или меток

Как написал ранее, функция, о которой я напишу ниже иметь два варианта - вывод списка категорий и меток. Результат того что получится будет примерно таким:

Вывод рубрик

Вывод меток

Чтобы появился один из таких списков, в нужное место шаблона нужно добавить следующий код. Некоторые, могут запаниковать, где именно находится нужное место, куда вставлять код? Все зависит от Ваших потребностей, если это сайдбар, то в файле sidebar.php, в том месте где Вам нужно видеть этот самый список. Если на главной странице - то index.php. В подвале - footer.php, ну и тд. Точных координат я Вам не скажу, потому как, каждый случай уникален и каждая тема разная. Собственно сам код:

<?php
echo '<ul class="list_nmbr">';
$categories = get_categories('orderby=name&order=ASC&taxonomy=category');
foreach($categories as $category){ 
echo '<li><a href="' . get_category_link( $category->term_id ) . '">'. $category->name.' <span>'. $category->count .'</span></a></li>';
} 
echo '</ul>';
?>

Давайте рассмотрим структуру кода подробнее. В первой строке мы заключаем наш вывод в список UL и присваиваем ему класс - list_nmbr. Далее уже и начинается формирование нашего списка. По сути это функция get_categories(), которая и выполняет всю магию. Данная функция имеет в нашем случаи несколько параметров:

  • orderby=name - Способ сортировки, в данном случаи по названию.
  • order=ASC - Сортировка в прямом порядке.
  • taxonomy=category - Выводим рубрику, если хотите вывести список тегов / меток, то нужно указать параметр post_tag. Получится - taxonomy=post_tag

В 4 строке Формируем саму ссылку на категорию или метку. Ссылки заключены в тег li. Так же после имени в теге span как раз и будут заключены количества записей или меток, в зависимости от Вашего выбора. Ну и в последней строке закрываем наш список UL.

Обратите внимание, что код заключен в теги PHP.

<?php
//Тут код
?>

Если в том месте темы, куда вы будете вставлять вывод списка используется HTML, то эти теги убирать не нужно и код вставляется без изменений. Если же у Вас в том месте и так используется PHP, то теги следует удалить.

Вот собственно и вся функция. Далее, чтобы это красиво отображалось, следует добавить стилей. Делать это нужно в файле style.css, который находится внутри вашей темы WordPress. Если вы не разбираетесь в CSS и не ориентируетесь в style.css, то просто добавьте стили в самый его конец.

.list_nmbr {
width:200px;
}

.list_nmbr li {
position: relative;
margin: 0 0 8px 12px;
}

.list_nmbr a {
line-height: 27px;
font-size: 16px;
color: #555;
text-decoration: none;
display:inline-block;
background:#f1f1f1;
padding:0 0 0 10px;
display:block;
}
 
.list_nmbr span {
background:#F10B41;
font-size: 16px;
color:#fff;
padding:0 10px;
line-height: 27px;
font-weight:bold;
margin-left:5px;
float:right;
}

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

На этом все, спасибо за внимание. 🙂

Якщо Вам була корисна моя праця, можете фінансово підтримати сайт або відключити блокувальник реклами, що займе 2 хвилини :)

Хочу підтримати фінансово Хочу відключити блокувальник

Оцініть статтю
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 6, в среднем: 5 из 5
Читайте також