Главная › Новости

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

Опубликовано: 01.09.2018

Как создать страницы, разделы, записи и вывести в меню на wordpress

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

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

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

Как добавить запись на сайте на Wordpress. Урок 4

Как прикрепить картинку к рубрике 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()

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

Подписывайтесь и получайте полезные статьи на почту!