Перейти до вмісту
themeforge
UA
Почати безплатно
Меню
  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 свого сайту ще до оплати.