Хотите ли вы отображать изображения таксономии или иконки категорий в WordPress?
По умолчанию в WordPress нет возможности загрузить изображение таксономии или значок категории. Это просто отображает название категории или таксономии на страницах архива.
В этой статье мы покажем вам, как легко добавить изображения таксономии или иконки категорий в WordPress. Мы также покажем вам, как отображать изображения таксономии на страницах архива.
Зачем добавлять изображения таксономии в WordPress?
По умолчанию на вашем сайте WordPress нет возможности добавить изображения для ваших таксономий, таких как категории и теги (или любых других пользовательских таксономий).
Просто везде используются названия таксономии, включая архивы категорий или страницы архива таксономии.
Это выглядит довольно просто и скучно.
Если вы получаете много поискового трафика на ваши страницы таксономии, то вы можете захотеть сделать их более привлекательными.
Самый простой способ сделать страницу более интересной — это добавить изображения. Вы можете добавить изображения таксономии или иконки категорий, чтобы сделать эти страницы более удобными и привлекательными для пользователей.
Хорошим примером этого является сайт NerdWallet, который использует иконки категорий в своем заголовке:
Вы также можете использовать его для создания красивых навигационных разделов на вашей домашней странице, как у Bankrate:
Учитывая это, давайте рассмотрим, как легко добавлять изображения таксономии в WordPress.
Простое добавление изображений таксономии в WordPress
Первое, что вам нужно сделать, это установить и активировать плагин Categories Images. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.
После активации, вы можете просто перейти на страницу Посты » Категории страница. Вы заметите, что плагин будет показывать изображение-заполнитель для ваших существующих категорий.
Чтобы выбрать свой собственный значок категории, вам нужно нажать на ссылку Edit под категорией.
На странице редактирования категории прокрутите страницу до самого низа и вы найдете форму для загрузки собственного изображения таксономии.
Просто нажмите на кнопку ‘Upload/Add New Image’, чтобы загрузить изображение, которое вы хотите использовать для данной категории.
Не забудьте нажать на кнопку Добавить категорию или Обновить, чтобы сохранить изменения.
Далее вы можете повторить процесс загрузки изображений для других категорий. Вы также можете загружать изображения для своих тегов и любых других таксономий.
Теперь проблема в том, что после добавления изображений, если вы посетите страницу категории, то не увидите там изображение вашей категории.
Чтобы отобразить их, вам нужно отредактировать вашу тему WordPress или дочернюю тему. Если вы впервые редактируете файлы WordPress, то вам может пригодиться наше руководство по копированию и вставке кода в WordPress.
Сначала вам нужно будет подключиться к вашему сайту WordPress с помощью FTP-клиента или файлового менеджера вашего хостинга WordPress.
После подключения вам нужно будет найти шаблон, отвечающий за отображение архивов таксономии. Это могут быть архивы.php, категория.php, тег.php, или таксономия.php-файлы.
Для более подробной информации смотрите наше руководство о том, как найти, какие файлы нужно редактировать в теме WordPress.
После того, как вы нашли файл, вам нужно скачать его на свой компьютер и открыть в текстовом редакторе, например, Блокноте или TextEdit.
Теперь вставьте следующий код туда, где вы хотите отобразить изображение вашей таксономии. Обычно вы хотите добавить его перед заголовком таксономии или тегом the_archive_title().
else < //do nothing >?>
После добавления кода вам нужно сохранить этот файл и загрузить его на свой сайт с помощью FTP.
Теперь вы можете посетить страницу архива таксономии и увидеть, как на ней отображается изображение вашей таксономии. Вот как это выглядело на нашей демо-странице архива.
Теперь это может выглядеть немного неуклюже, но не волнуйтесь. Это можно стилизовать с помощью небольшого количества пользовательских CSS.
Вот пользовательский CSS, который мы использовали для изображения таксономии.
img.taxonomy-img
В зависимости от вашей темы, вам также может понадобиться стилизовать окружающие элементы, такие как заголовок и описание таксономии.
Мы просто обернули название и описание архива нашей таксономии в элемент и добавили пользовательский CSS-класс. Затем мы использовали следующий CSS-код для настройки заголовка и описания.
.taxonomy-title-description
Вот как это выглядело после этого на нашем тестовом сайте.
Исключение таксономий из отображения изображений таксономий
Некоторые пользователи могут захотеть использовать изображения таксономии только для определенных таксономий.
Например, если у вас интернет-магазин, использующий WooCommerce, то вы можете исключить категории товаров.
Просто вернитесь на страницу Categories Images в админке WordPress и отметьте таксономии, которые вы хотите исключить.
Не забудьте нажать на кнопку Сохранить изменения, чтобы сохранить ваши настройки.
Мы надеемся, что эта статья помогла вам узнать, как легко добавлять изображения таксономии в WordPress. Вы также можете посмотреть эти полезные хаки и плагины для категорий для WordPress или наши советы по получению большего трафика из поисковых систем.
Источник: www.wpbeginner.com