🔷 Блок: Featured Image / Изображение записи
📌 Что это
Featured Image — это блок Gutenberg, который автоматически показывает главное изображение записи или страницы.
Его ещё часто называют:
Featured Image
Post Featured Image
Изображение записи
Миниатюра записи
Обложка записи
Простыми словами:
Featured Image = главное изображение материала.
Например, у записи есть заголовок:
Что такое Gutenberg
И к ней задана картинка-обложка.
Блок Featured Image автоматически показывает эту картинку.
⚙️ Функции
Блок позволяет:
показать главное изображение записи;
показать главное изображение страницы, если тема это поддерживает;
использовать его внутри Query Loop;
использовать его в шаблоне отдельной записи;
сделать изображение ссылкой на запись;
настроить размер изображения;
настроить ширину и высоту;
использовать crop / обрезку изображения;
настроить скругление углов;
настроить отступы;
добавить CSS-класс в Advanced.
🎯 Зачем нужен
Чтобы у каждой записи была визуальная обложка.
Например, в списке статей:
[Featured Image]
Что такое Gutenberg
Краткое описание статьи...
[Read More]
Featured Image помогает пользователю быстрее понять тему материала и делает список записей визуально красивее.
📍 Где используется чаще всего
Query Loop;
Post Template;
страница блога;
страница архива;
карточки записей;
главная страница;
новости;
медиа-раздел;
база знаний;
справочник;
шаблон отдельной записи.
⚠️ Важно
Featured Image отличается от обычного Image.
Image — это картинка, которую ты вставляешь вручную в конкретное место страницы.
Featured Image — это динамическая картинка, которая берётся из настроек записи.
То есть:
Image = обычная ручная картинка
Featured Image = главное изображение записи
⚠️ Где задаётся Featured Image
Featured Image задаётся не внутри самого текста, а в настройках записи или страницы.
Обычно справа в панели настроек:
Post settings → Featured image
или:
Page settings → Featured image
Там можно выбрать картинку из Media Library или загрузить новую.
⚠️ Featured Image внутри Query Loop
Featured Image особенно полезен внутри Query Loop.
Например:
Query Loop
└─ Post Template
├─ Featured Image
├─ Title
├─ Excerpt
└─ Read More
Если Query Loop показывает 6 записей, блок Featured Image автоматически покажет 6 разных картинок — по одной для каждой записи.
Ты не вставляешь каждую картинку вручную. WordPress сам берёт featured image из каждой записи.
⚠️ Сделать изображение ссылкой
В настройках блока можно включить ссылку на запись.
Тогда:
клик по Featured Image → открывается полная запись
Для карточек в Query Loop это обычно удобно.
Например, пользователь может нажать и на заголовок, и на картинку.
⚠️ Если Featured Image не задана
Если у записи нет featured image, блок может ничего не показать.
Например:
Запись 1 — есть Featured Image → картинка отображается
Запись 2 — нет Featured Image → пустое место или ничего
Поэтому если ты делаешь блог, новости или справочник, лучше задавать featured image для каждой важной записи.
⚠️ Featured Image или Cover
Их легко перепутать.
Featured Image — главное изображение записи.
Cover — обычный визуальный блок с фоном, который ты вставляешь вручную.
То есть:
Featured Image = картинка материала
Cover = дизайнерский блок с фоном
Например:
Featured Image — обложка статьи в списке блога
Cover — hero-блок на странице
⚠️ Тема может влиять
Тема может влиять на:
размер Featured Image;
обрезку изображения;
пропорции;
скругление;
отступы;
позицию картинки;
отображение в шаблоне записи;
отображение в архивах и Query Loop.
Если Featured Image выглядит не так, как ожидалось, это часто связано с настройками темы или шаблона.
🧠 Простыми словами
Featured Image — это главная картинка записи.
Если ты вставляешь картинку вручную в текст — это Image.
Если WordPress сам показывает обложку записи — это Featured Image.
Для карточек статей, блога, новостей и Query Loop — это очень важный блок.
