Миниатюра поста WordPress: автоматическое добавление к посту на основе категории

Миниатюра поста WordPress: автоматическое добавление к посту на основе категории

От автора: миниатюра поста WordPress – довольно распространенная функция в темах, но иногда хочется использовать данную возможность в совсем других целях. Иногда при работе на сайтах мне приходилось сталкиваться с тем, что изображения в посте относилось не к теме статьи, а к категории поста. Было бы намного удобнее, если бы я мог назначить категории для всех своих изображений и отображать миниатюры категорий в постах, а не наоборот добавлять изображения под все категории.

Примеры применения:

Когда есть набор постов связанных с брендом, и вы хотите отображать его логотип

Когда посты ассоциируются с некоторым количеством мест, и вы хотите отображать изображение этого места (карту)

Когда посты относятся к разделу сайта (к примеру, изучение сайтостроения), и вы хотите отображать иконку раздела

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и научитесь создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

Когда посты из серии статей (иногда можно встретить на этом сайте), и вы хотите использовать специальное изображение, чтобы однозначно определять серию статей

В этом уроке я воспользуюсь техникой, которую я уже демонстрировал в двух предыдущих статьях:

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

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

Наш сегодняшний урок состоит из 3 этапов:

Регистрация классификации категорий под вложенные файлы

Создание категорий и добавление изображений

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

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

Что нам потребуется

В этом уроке нам потребуется:

Установленный WordPress

Тема для редактирования (я создам дочернюю тему Twenty Fourteen)

FTP доступ (или MAMP или любой другой, если вы работаете локально)

Редактор кода

Устанавливаем файлы темы

Вам потребуется создать или отредактировать существующую тему. Я создам дочернюю тему Twenty Fourteen.

Мои стили:

Таким образом, я сделал свою тему дочерней от Twenty Fourteen. Если хотите ознакомиться с процессом создания дочерних тем, пройдите по ссылке Codex. Также для темы необходимо создать файл functions.php (или отредактировать существующий, если он у вас уже есть), а также создать файл index.php.

Регистрация категорий под вложенные файлы

По умолчанию в WordPress нельзя связывать категории с прикреплениями, но это легко исправить. Если у вас в теме еще нет файла functions.php, создайте его и скопируйте код ниже:

Сохраните файл и перейдите на вкладку Медиа файлы. В выпадающем меню вы заметите новый пункт «категории».

Добавление изображений категорий

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

Теперь необходимо добавить несколько постов и привязать к ним наши категории:

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и научитесь создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

Создаем файл index.php

Посты и категории мы создали, теперь необходимо отредактировать файл index.php так, чтобы отображались наши миниатюры категорий. Так же, как и с файлом functions.php, вам необходимо или создать новый, или отредактировать существующий файл index.php. Я создал свой по шаблону index.php, добавив код из content.php из темы Twenty Fourteen. Мой файл выглядит так:

Определяем текущую категорию поста

Для отображения релевантных изображений категорий, необходимо правильно определить категорию, к которой принадлежит текущий пост. Делать это необходимо в цикле. Первым делом, если вы работаете с темой Twenty Fourteen, удалите функцию вывода миниатюр поста. Удалите эту строку:

Сразу после тега article добавьте код ниже:

Мы создали переменную $category, в которой хранится ID первой категории поста. Все категории мы вытянули с помощью функции get_the_category().

Создаем аргументы запроса

Эту переменную можно передать в качестве аргумента в запрос. Добавьте код ниже:

Это значит, что запрос вернет только одно прикрепление в заданной категории. Заметьте, что вам необходимо использовать аргумент post_status. По умолчанию для вложенных файлов ‘post_status’=>’inherit’, а не ‘public’, как для других типов постов. Добавьте сам запрос:

Изображение поместится в DIV с классом category-featured-image, стили к этому классу можете добавить сами. Для отображения изображения используется функция wp_get_attachment_image(). Если теперь обновить домашнюю страницу блога, то появятся изображения:

Стили для изображений

Откройте файл стилей темы и добавьте стили по своему вкусу. Я сделал так:

Изображение прижимается к левому верхнему углу поста:

Адаптация техники под другие типы контента

Эту технику можно применить и для других типов контента. К примеру:

Для пользовательского типа постов. Для вашего типа необходимо создать файл шаблона archive-$posttype.php с таким же циклом, как у нас выше.

Если вместо категорий вы используете свою классификацию. При первой регистрации нового типа постов ‘attachment’ необходимо добавить его в вашу классификацию. И затем заменить функцию get_the_category() на get_the_terms(), и соответственно аргументы в запросе на аргументы из вашей классификации.

Можно комбинировать две классификации и отображать изображения из одной, а сам пост из архива из другой классификации. Ссылки изображений можно указывать на страницу архива классификации.

Подход из предыдущего пункта можно применить в файле archive.php, если, конечно, такой у вас есть, т.к. в постах из архива тоже есть миниатюры.

Если вы хотите объединить один или более предыдущих пунктов, то можно создать свой файл с циклом (подключающий миниатюры категорий) и вызывать его в нужных вам файлах шаблонов.

Заключение

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

Автор: Rachel McCollin

Источник: http://code.tutsplus.com/

Редакция: Команда webformyself.

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и научитесь создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

Основы создания тем WordPress

Изучите курс и научитесь создавать мультиязычные темы с нестандартной структурой страниц

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (1)

  1. Владимир

    Не работает, нет итогового кода не на что ориентироваться.

Добавить комментарий

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree