Отображение картинок вместо названий категорий

Отображение картинок вместо названий категорий | n-wp.ru
Очень простой способ, позволяющий вместо названий категорий в постах выводить картинки, соответствующие им.
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

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

Отображение картинок вместо названий категорий

Для начала вам нужно создать для каждой категории небольшую картинку. Все картинки нужно переименовать в соответствии с названиями категорий. В качестве названий лучше использовать или имя категории, или ярлык (slug). Я предпочитаю ярлык (slug), так как пишу его всегда по-английски.

Отображение картинок вместо названий категорий

Например, если категория Аудио имеет ярлык audio, то соответствующая ей картинка будет называться audio.png. В итоге должен получиться набор картинок, совпадающих с категориями:

Отображение картинок вместо названий категорий

Когда набор картинок готов, вы можете использовать следующий код:

<?php foreach((get_the_category()) as $cat) { echo '<a>cat_name . '" href="/category/' . $cat->slug . '"><img>slug . '.png" class="cats_ico" /></a>'; } ?>

где /wp-content/themes/название вашей темы/images/cats/ – это путь к папке с набором картинок, по названиям соответствующих ярлыкам категорий

Этот код нужно использовать внутри цикла, выводящего содержимое постов, вместо стандартной функции the_category.

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

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

  1. Korban

    Отличный вариант, а как сделать, что бы под категории были картинками а родительская категория надписью?

    Ответить
  2. Korban

    Вот так:

    Ответить
×
Прокачай свой сайт WordPress!

-20% на премиум темы и плагины

Создай сайт своей мечты ⋙