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

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

  • 0
Рубрики с миниатюрами на WordPress

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

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


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

На данной странице необходимо отметить те таксономии, к которым вам необходимо прикрепить миниатюры. Отметьте стандартную WordPress таксономию - Рубрики.

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


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


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

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


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

Рубрики с миниатюрами на 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:


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

Источник: www.onwordpress.ru

Внимание!
Для просмотра скрытого текста, Вам необходимо Войти или Зарегистрироваться.
  • Полезные статьи
  • 10-09-2018, 12:45
  • 105
Вернуться назад
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.