Как настроить альтернативное изображение на основе категории сообщений WordPress

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

Примечание. Это учебник среднего уровня, который потребует от вас знания HTML, CSS и основ структуры темы WordPress.

Автор сценария:

Допустим, у вас есть блог, который определяет отдельную категорию для каждого из ваших сообщений (см. Наше руководство «Категории против тегов»). Вы можете отобразить альтернативное изображение в зависимости от категории, к которой относится сообщение.

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

Настройка категорий изображений в WordPress без плагина

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

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

Теперь проблема в том, что тема WordPress может использовать изображения разных размеров на разных моделях. Например, вы можете иметь миниатюры небольших постов на страницах архива и увеличенные изображения на отдельных постах. Позвольте WordPress обрабатывать изменение размера изображения. Для этого вам нужно загрузить изображения вашей категории на ваш сайт WordPress с Медиа »Добавить новый, Во время загрузки WordPress сохранит изображения вашей категории и создаст размеры, определенные вашей темой, и следующие Настройки »Медиа экран.

После загрузки изображений категории, вы должны переместить их в другой каталог. Подключитесь к своему веб-сайту с помощью FTP-клиента, такого как Filezilla, и перейдите в папку / wp-content / uploads /. Изображения в категории, которую вы загрузили, будут сохранены в папке месяца. Пример: / uploads / 2013/12 /

Создайте папку на рабочем столе вашего компьютера и назовите ее «category-images». Теперь загрузите все изображения в вашей категории и все размеры, которые WordPress создал для этой новой папки на рабочем столе. По завершении загрузки вы должны загрузить папку с изображениями категорий в каталог / wp-content / uploads. Это позволит вам иметь все размеры изображений в вашей категории в отдельной папке, легко назвать вашу тему.

Показывать изображения категорий в шаблонах WordPress

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

/ wp-content / uploads / category-images / slug?> – 50 × 50.jpg «alt =» Имя; ?> «/>

Вот как это появилось на странице архива категорий нашего демонстрационного сайта.

Показать изображение категории в качестве стандартного резервного изображения

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

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

Внутри вашего цикла, где ваша тема показывает избранные сообщения или миниатюры сообщений, замените их следующим кодом:

«>

«>