Главная
Wordpress
Список рубрик или меток с количеством записей или меток
  • 530
  • 0
  • Рубрика: Wordpress

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

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

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

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

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

Вывод рубрик

Вывод меток

Чтобы появился один из таких списков, в нужное место шаблона нужно добавить следующий код. Некоторые, могут запаниковать, где именно находится нужное место, куда вставлять код? Все зависит от Ваших потребностей, если это сайдбар, то в файле 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;
}

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

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




Если Вам был полезным мой труд, можете поддержать сайт :)


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

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

Заполните поля ниже. Ваш e-mail не будет опубликован. Обязательные поля помечены *

Уважаемые пользователи! При добавлении комментариев на сайт Вам следует соблюдать правила указанные под формой отправки комментариев.

Соблюдайте добавления комментариев

Это не спам *

Нажмите, чтобы добавить код в комментарий
X

Привет дорогой друг

У тебя установлено расширение AdBlock или подобное. Добавь мой сайт в белый список, и тем самым внесешь свой вклад в его развитие. Инструкция как отключить AdBlock Хочу такое же окошко