Недавно я писала о том, как вывести список рубрик с описанием, не используя плагины. Помните, я обещала, что покажу, как к списку, выводимому в том примере, добавить изображение рубрики? Так вот, этот пост будет именно том, как сделать вывод описаний и изображений рубрик на сайте.
Добавляем изображения к рубрикам
Для реализации возможности прикрепления миниатюр изображений к рубрикам, понадобится плагин Taxonomy Images. Устанавливаем и активируем, как обычно. Затем переходим в “Параметры – Taxonomy Images” и ставим галочку напротив рубрик и\или меток, в зависимости от того, к какой таксономии вы хотите добавить изображения.
После этого в настройках рубрик появятся специальные настройки, позволяющие прикрепить изображение.
При нажатии на плюсик, появляется окно, где можно загрузить или выбрать изображение и ассоциировать его с рубрикой.
Таким способом можно добавить изображения к рубрикам. Когда все изображения будут добавлены, можно переходить к следующему шагу – непосредственно выводу рубрик с прикрепленными к ним изображениями на сайте.
Вывод изображения в списке рубрик
А теперь давайте немного модифицируем тот код, при помощи которого мы вывели список рубрик с описанием, добавив к нему возможность вывода изображения рубрики.
За вывод изображения рубрик здесь отвечает taxonomy-images-get-terms.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
/* вывод списка рубрик */ $args = array( 'parent' => 0, 'hide_empty' => 0, 'exclude' => '', // ID рубрики, которую нужно исключить 'number' => '0', 'taxonomy' => 'category', // таксономия, для которой нужны изображения 'pad_counts' => true ); $catlist = get_categories($args); // получаем список рубрик foreach($catlist as $categories_item) { // получаем данные из плагина Taxonomy Images $terms = apply_filters('taxonomy-images-get-terms', '', array( 'taxonomy' => 'category' // таксономия, для которой нужны изображения )); if (!empty($terms)) { foreach((array)$terms as $term) { if ($term->term_id == $categories_item->term_id) { // выводим изображение рубрики print '<a href="' . esc_url(get_term_link($term, $term->taxonomy)) . '" title="Нажмите, чтобы перейти в рубрику">' . wp_get_attachment_image($term->image_id, 'thumbnail'); echo '</a>'; } } } // выводим описание и название рубрики echo "<li><a href=\"#\">" . $categories_item->cat_name . "</a><br /><span class=\"small-text\">" . $categories_item->category_description . "</span></li>"; } |
В строках 7 и 15 'taxonomy' => 'category' вместо category надо написать название таксономии, для которой вы хотите вывести изображения. Если это рубрики – то оставить без изменений, если метки – то написать post_tag, если пользовательская таксономия – то ее название, например, portfolio.
Итак, мы вывели список рубрик с описанием и изображением рубрики.
Теперь его можно оформить по вашему желанию при помощи CSS.