Перейти к содержимому
themeforge
RU
Начать бесплатно
Меню
  1. Главная
  2. Справочник атрибутов
  3. tax-image
Основное Рубрики

Своя картинка у каждой рубрики

tax-image="Название поля"

Обложка над списком записей, иконка в меню рубрик — у WordPress для рубрик картинки нет. tax-image добавляет такое поле, и на странице рубрики показывается картинка именно этой рубрики.

Куда ставить

На <img> в archive.html: сборка меняет его src.

Картинка фоном — tax-bg-image на блоке, как fld-bg-image.

Поле появится в админке, только если у страницы есть имя группы: wp-fields-group на её <body>.

Пример: обложка рубрики

Вёрстка archive.html
<header class="category">
  <img class="category__cover" src="images/coffee.jpg"
       srcset="images/coffee-p-800.jpg 800w" sizes="100vw"
       alt="" tax-image="Category cover">
  <h1 wp="term-title">Coffee</h1>
</header>
В админке Posts → Categories → Coffee
Name Coffee
Category cover beans.jpg
На сайте страница рубрики
beans.jpg Coffee

Клиент выбрал обложку в рубрике — в вёрстке была другая.

Что важно

  • srcset и sizes у картинки убираются, иначе браузер показал бы картинку из макета.
  • alt остаётся из вёрстки, один на все рубрики: у обложки оставьте его пустым, если рядом есть название рубрики.
  • Картинку выбирают из медиатеки у каждой рубрики, «Загрузить данные» её туда не переносит.

Частые ошибки

Журнал сборки — вкладка «Логи» вашего проекта на themeforge.pro; те же замечания показывает бесплатная проверка разметки.

Так не надо
<div class="category__cover" tax-image="Category cover"></div>

tax-image на блоке без картинки: менять нечего, журнал сборки сообщает, что атрибут стоит не на том элементе.

Так правильно
<div class="category__cover" tax-bg-image="Category cover"></div>

tax-bg-image ставит картинку фоном блока.

Альтернативная запись

t_image работает так же: сборка даёт одинаковую тему.

Используется в рецептах

Когда будете готовы

Посмотрите админку WordPress своего сайта до оплаты.