Как добавить изображения (картинки) для рубрик в WordPress и вывести их на сайте.

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

Вариант №1. Использование плагина ACF (Advanced Custom Fields).

Этот плагин дает возможность добавлять различные кастомные типы полей к записям рубрикам и прочим таксономиям и произвольным типам полей на сайте. Нас интересует возможность добавления поля с картинкой именно для категории WordPress.

Давайте рассмотрим алгоритм действий.

1. Устанавливаем и активируем плагин «Advanced Custom Fields», если он у вас еще не установлен.

2. Далее, в админке, переходим в раздел «Группы полей», либо же «Произвольные поля».

3. Вверху страницы возле заголовка «Группы полей», нажимаем на кнопку «Добавить».

4. Вводим название группы полей и жмем кнопку «Добавить поле».

5. Заполняем основные поля для создания поля. Для примера, у меня введены следующие данные: «Ярлык поля» — «Изображение рубрики», «Имя поля» — «category_image», «Тип поля» — «Изображение», «Возвращаемый формат» — «Ссылка на изображение». Последний параметр очень важный, поскольку он определяет то, что будет возвращать наше поле для последующей его обработки на сайте. Там есть и другие настройки, по типу допустимых форматов картинок, размера, обязательности поля и другое. Достаточно заполнить поле по примеру в скриншоте. Снизу нажимаем «Добавить поле».

6. Чуть ниже после заполнения основных данных для поля мы выбираем формат привязки поля к определенным разделам сайта.

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

7. После заполнения этих полей поднимаемся вверх и жмем кнопку «Опубликовать», или «Обновить», если группа полей уже создавалась ранее.

8. Переходим в раздел админки «Записи» — «Рубрики». Жмем на редактирование уже созданной рубрики и внизу увидим следующий блок.

9. Жмем кнопку «Добавить изображение» и загружаем либо выбираем из библиотеки файл изображения. В итоге у вас должно получиться вот такое.

На этом все, вы привязали картинку к рубрике WordPress.

Теперь давайте разберемся как вывески это изображение на сайте.

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

<?php if($category_image=get_field("category_image",get_category($cat))){?>
<img src="<?php echo $category_image;?>"/>
<?php }?>

 Где category_image – это имя поля, которое мы заполняли при его создании.

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

<?php
$categories = get_categories(array('taxonomy'=>'category','hide_empty'=>false));
if($categories){
    foreach($categories as $cat){?>
        <div class="cat">
            <div class="name"><a href="<?php echo get_category_link($cat->term_id);?>"><?php echo $cat->name;?></a></div>
            <?php if($category_image=get_field("category_image",$cat)){?><div class="image"><img src="<?php echo $category_image;?>"/></div><?php }?>
        </div>
    <?php }?>
<?php }?>

Этот код сначала сортирует таксономии, отделяя только рубрики, после этого, если категории существуют, выводит название и через проверку выводит саму картинку.

Вариант №2. Использование плагина Taxonomy Images.

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

Алгоритм работы с плагином.

1. Устанавливаем и активируем плагин «Taxonomy Images».

2. Переходим в раздел админки «Categories Images» и попадаем на страницу с настройками, где можно поставить чекбоксы и исключить вывод данной функции на определенных категориях. По-умолчанию возможность добавлять изображения включена для всех  категорий и таксономий WordPress.

3. Переходим в раздел «Записи» — «Рубрики». Как видно, появилась возможность добавлять рубрику при создании категории, а также выводятся миниатюры картинок.

4. Также, при редактировании рубрики вы можете добавить, либо изменить ее миниатюру.

5. Добавляем фото и жмем «Обновить».

Как вывести картинку в рубриках с помощью плагина Taxonomy Images?

Для этого в нужном месте вашей WordPress темы размещаем код.

<?php
$args = array(
	'parent' => 0,
	'hide_empty' => 0,
	'exclude' => '', // ID рубрики, которую нужно исключить
	'number' => '0',
	'orderby' => 'count',
	'order' => 'DESC',
	'pad_counts' => true
);
$catlist = get_terms('category',$args);
?>

<ul>
 <?php foreach ($catlist as $cat) : ?>
 <li>
 <img src="<?php echo z_taxonomy_image_url($cat->term_id, 'thumbnail'); ?>" />
 <a href="<?php echo get_term_link($cat->slug, 'category'); ?>"><?php echo $cat->name; ?></a>
 </li>
 <?php endforeach; ?>
</ul>

Важный момент! Параметр thumbnail здесь отвечает за размер выводимого изображения, конкретно thumbnail задается в WordPress по дефолту. Если вам нужно указать другой размер, то выбираете из списка дефолтных или же создаете свой тип. Второй момент – это параметр category, он указывает на тип таксономии. Если вы хотите сменить таксономию, то просто прописываете ее название, например catalog.

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

Поделиться в социальных сетях:
Нет комментариев к данной статье

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *