Вывод описаний и изображений рубрик на сайте

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

Добавляем изображения к рубрикам

Для реализации возможности прикрепления миниатюр изображений к рубрикам, понадобится плагин Taxonomy Images. Устанавливаем и активируем, как обычно. Затем переходим в “Параметры – Taxonomy Images” и ставим галочку напротив рубрик и\или меток, в зависимости от того, к какой таксономии вы хотите добавить изображения.

После этого в настройках рубрик появятся специальные настройки, позволяющие прикрепить изображение.

Taxonomy Images - рубрики

При нажатии на плюсик, появляется окно, где можно загрузить или выбрать изображение и ассоциировать его с рубрикой.

Taxonomy Images - добавление изображения к рубрике

Таким способом можно добавить изображения к рубрикам. Когда все изображения будут добавлены, можно переходить к следующему шагу – непосредственно выводу рубрик с прикрепленными к ним изображениями на сайте.

Вывод изображения в списке рубрик

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

За вывод изображения рубрик здесь отвечает taxonomy-images-get-terms.

В строках 7 и 15 'taxonomy' => 'category' вместо category надо написать название таксономии, для которой вы хотите вывести изображения. Если это рубрики – то оставить без изменений, если метки – то написать post_tag, если пользовательская таксономия – то ее название, например, portfolio.

Итак, мы вывели список рубрик с описанием и изображением рубрики.

Теперь его можно оформить по вашему желанию при помощи CSS.