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

Отображение картинок вместо названий категорий | n-wp.ru

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

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

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

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

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

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

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

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

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

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

Автор tiaurus 2182 Articles
Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

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

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

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*