Рубрики с миниатюрами на WordPress сайте

Сайт OnWordpress.ru продается

Оптимальная цена 300 000 рублей

Подробнее

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

Прикрепляем изображения к рубрикам

Чтобы прикреплять изображения к рубрикам в WordPress, необходимо установить плагин Taxonomy Images. После установки и активации плагина перейдите в панель администратора на страницу Настройки -> Taxonomy Images. На данной странице необходимо отметить те таксономии, к которым вам необходимо прикрепить миниатюры. Отметьте стандартную WordPress таксономию - Рубрики.

Прикрепляем изображения к рубрикам WordPress

Как прикрепить картинку к рубрике WordPress

После небольших настроек выше, станет доступна опция прикрепления картинок к рубрикам WordPress. На странице со списком рубрик в панели администратора вы сможете ассоциировать нужное изображение с соответствующей рубрикой с помощью появившихся кнопок + и -.

Ассоциация изображений с рубрикой Вордпресс

Выберите нужно изображение из библиотеки или загрузите новое с компьютера. Чтобы ассоциировать выбранное изображение нажмите соответствующую кнопку, как на рисунке ниже.

Связываем изображение с рубрикой WordPress

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

После того, как вы прикрепите изображения к нужным Вордпресс категориям, вы можете вывести список рубрик с изображениями в любом месте вашего сайта с помощью кода ниже. Данный код необходимо вставить в какой-либо php шаблон (например, index.php) вашей активной WordPress темы.

<?php 
$args = array(
   'parent' => 0,
   'hide_empty' => 0,
   'exclude' => '', // ID рубрики, которую нужно исключить
   'number' => '0',
   'taxonomy' => 'category', // таксономия, для которой нужны изображения
   'pad_counts' => true
);
$categories = get_categories($args); // получаем все категории в виде массива

$images_raw  = get_option( 'taxonomy_image_plugin' ); // получаем все изображения в виде массива
$term_taxonomy_string = '';
foreach ($categories as $category) {    // перебираем массив полученных категорий
    $term_taxonomy_id = $category->term_taxonomy_id; // узнаем ID категории
    $term_taxonomy_name = $category->name;    // узнаем имя категории
    $term_taxonomy_image = wp_get_attachment_image( $images_raw[ $term_taxonomy_id ], 'full' );    // получаем прикрепленное изображение
     $term_taxonomy_link = get_term_link((int)$term_taxonomy_id, 'category' );    // получаем ссылку на соответствующую рубрику
    
    $term_taxonomy_string .= '<div class="category-card">
            
            <div class="thumbnail">'.$term_taxonomy_image.'</div>
            <h3 class="category-title"><a href="'.$term_taxonomy_link.'">'.$term_taxonomy_name.'</a></h3>
        </div>'; // формируем полученные данные и записываем в строку
}
echo $term_taxonomy_string;    // выводим сформированную ранее строку - рубрики с изображениями
?>

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

Использованные функции WordPress:

  • get_categories()
  • wp_get_attachment_image()
  • get_term_link()

Мы привели вам самый простой пример с комментариями, поэтому у вас не должно возникнуть сложностей. Если остались вопросы по данной теме - задавайте их в комментариях с примерами, постараемся помочь.

Расскажите друзьям
Нравится блог? - Читайте ВКонтакте
Ответим на Ваши вопросы в комментариях