Красивое фото услуги в статье на сайте превращается в обрубок: режется голова мастера, пропадает логотип, кадр становится квадратом, хотя внутри записи всё нормально. WordPress для карточки блога берёт отдельное поле «изображение записи» и режет копию под сетку темы. За один сеанс в админке вы поставите превью, узнаете пропорцию карточки и при необходимости укажете, какой фрагмент кадра показывать — без кода.
Изображение записи (featured image) — превью для списка статей и рубрик. Картинка в тексте на карточку не влияет. Тема подставляет свой размер с обрезкой по центру — отсюда «отрезанные головы». Либо подгоняете файл под пропорцию карточки, либо плагин ручного кропа. После смены темы нужна регенерация миниатюр с бэкапом.
Олег сделал сайт студии звукозаписи: широкое фото с микрофоном и логотипом по краям. На странице статей в карточке остался серый угол — WordPress взял центральный кроп под 330×140. Три раза менял картинку в тексте, пока не нашёл поле «изображение записи». Crop Thumbnails и ручной выбор микрофона вернули смысл карточке.
В блочных темах режим блока «Обложка» режет кадр, «Вписать» показывает фото целиком с полями — одна загрузка может выглядеть по-разному в записи и в сетке блога. Это не баг: список статей и сама запись используют разные правила показа.
Честно говоря, большинство RU-гайдов останавливаются на кнопке «добавить миниатюру» и не показывают проверку архива. Мы сразу завязали шаги на карточку в ленте — иначе снова получите красивую статью и бессмысленное превью.
- Разделите картинку в тексте и изображение записи для карточки
- Задайте изображение записи в редакторе без кода
- Узнайте пропорцию карточки темы до загрузки
- Исправьте обрезку через Crop Thumbnails или Manual Image Crop
- Сравните «Обложка» и «Вписать» в блочной теме
- Пересоберите миниатюры после смены темы
- Проверьте карточку на архиве и мобилке
- Частые вопросы
- Чем миниатюра записи отличается от обложки в тексте?
- Почему WordPress «отрезал голову»?
- Как узнать размер карточки?
- Нужен ли плагин, если обрезаю до загрузки?
- Ломает ли Regenerate Thumbnails статьи?
- Дублировать фото в тексте и обложке?
- Влияют ли «Настройки → Медиафайлы» на карточку?
Разделите картинку в тексте и изображение записи для карточки
Типичная ошибка: править только блок «Изображение» в теле и ждать, что изменится превью в ленте. Не делайте так — архив выводит миниатюру записи, отдельную обложку для списков. Картинка в тексте продаёт смысл внутри материала; изображение записи продаёт клик из списка.
Не дублируйте одно и то же фото «на автомате», если важные детали по краям — в карточке их часто срезает автоматический центр кадра. Используйте для списка отдельный кадр с запасом по краям, когда логотип или лицо не по центру.
| Что меняете | Где видно | Ошибка |
|---|---|---|
| Блок «Изображение» в редакторе | Текст статьи | Ждёте обновления списка статей |
| Изображение записи справа | Карточки на /stati/, рубрики | Тема режет не «миниатюру» 150×150 из настроек |
| Настройки → Медиафайлы | Мелкие превью темы | Путают с размером карточки блога |
Про системные размеры и обложку vs thumbnail — в материале как настроить размеры миниатюр WordPress; здесь только карточка в сетке.
Задайте изображение записи в редакторе без кода
В правой панели Gutenberg найдите «Изображение записи» или «Установить изображение записи».
- Разверните панель «Запись» (шестерёнка), если свёрнута.
- Нажмите «Установить изображение записи» и загрузите файл с запасом по краям для лица или логотипа.
- Или из блока «Изображение» в тексте выберите «Установить в качестве избранного».
- Сохраните черновик, откройте «Просмотр» и страницу архива блога, не только саму статью.
- Сравните карточку на телефоне и компьютере.
Не публикуйте, пока не посмотрели список статей: внутри записи картинка почти всегда выглядит лучше, чем превью. На этом шаге проверьте архив блога и мобильную сетку — избегайте сюрпризов после публикации.
Узнайте пропорцию карточки темы до загрузки
Единого размера обложки WordPress нет — решает тема, часто с жёстким кропом по центру (crop true в add_image_size). Ориентиры: сетка 600×400 или 16:9; в темах встречаются 770×330, 330×140, 680×270; для соцсетей часто готовят 1200×630, но карточка блога уже.
| Ситуация | Где смотреть | Действие |
|---|---|---|
| Нужна пропорция карточки | FAQ темы, блок на архиве | Кадр в Canva под ту же ширину и высоту |
| Режется логотип по краю | Жёсткий центральный кроп | Плагин ниже или сместить объект в центр |
| Квадрат 150×150 «ломает» ожидания | Настройки → Медиафайлы | Не путать с post-thumbnail темы |
Узнайте пропорцию: FAQ темы, ширина блока на архиве в браузере, поддержка темы. Один раз измерили — кадрируете все будущие обложки в телефоне или Canva. Сделайте отдельный горизонтальный кадр для карточки: вертикаль из Instagram в широкую сетку почти всегда проигрывает.
Исправьте обрезку через Crop Thumbnails или Manual Image Crop
Когда тема режет не туда, плагины wordpress.org дают «Обрезать» для размеров с жёстким кропом. Crop Thumbnails работает только с размерами, которые тема зарегистрировала с crop true — это прямо следует из README проекта на GitHub. Manual Image Crop 1.13 в каталоге на 2026 год даёт ссылку «Обрезать» под миниатюрой вложения для всех размеров. Regenerate Thumbnails только пересоздаёт файлы после смены темы, область не выбирает — не путайте инструменты.
На практике владельцу салона или магазина хватает одного плагина кропа и дисциплины: после каждой важной статьи открыть архив блога и посмотреть карточку глазами клиента.
Схема:
Обложка записи → плохой кроп → Crop Thumbnails → «Обрезать» размер карточки → проверка /stati/ → при смене темы: бэкап и Regenerate Thumbnails
- Установите плагин из «Плагины → Добавить новый».
- Откройте вложение, которое стоит как изображение записи.
- Выберите размер карточки (thumbnail, archive или из FAQ темы).
- Выделите лицо, товар или логотип и сохраните.
- Обновите архив блога с очисткой кеша браузера.
Типичная ошибка — кропить миниатюру 150×150 из медианастроек, а не размер сетки записей.
Сравните «Обложка» и «Вписать» в блочной теме
В редакторе сайта (Внешний вид → Редактор) откройте шаблон архива записей или карточки в сетке. У блока избранного изображения сравните режимы масштабирования — иногда это быстрее, чем спорить с темой через код.
«Обложка» заполняет рамку и режет; «Вписать» показывает всё фото с полями. Для услуг с текстом на фото чаще нужен ручной кроп; для простых портретов иногда хватает «Вписать». Код темы не трогайте, если хватает плагина и исходника — свой размер обложки на весь сайт уже задача подрядчика.
Пересоберите миниатюры после смены темы
Новая тема не переписывает старые файлы на диске — set_post_thumbnail_size и add_image_size влияют на новые нарезки, а не на уже лежащие копии в uploads.
Порядок: бэкап → Regenerate Thumbnails на одной записи → проверка карточки на /stati/ → массовый запуск ночью. Текст статей не трогается. Если кроп снова мимо — снова ручная область для нового размера темы, а не только кнопка «пересоздать всё».
Проверьте карточку на архиве и мобилке
Вы поймёте, что миниатюра для карточек настроена, когда сработали такие признаки:
- На главной блога или в рубрике карточка показывает нужную часть кадра, а не случайный центр стены.
- В редакторе у записи стоит изображение записи, а не только картинка в тексте.
- При открытии записи внутри статьи картинка не дублируется лишний раз без задумки — или осознанно разные кадры для списка и текста.
- На телефоне превью не обрезано заметно хуже, чем на компьютере, и сетка не «пляшет» по высоте.
Добавьте осмысленный alt у обложки — это и доступность, и подсказка поисковику, о чём статья. Единый стиль превью в ленте помогает блогу выглядеть собранно. После кропа проверьте ещё раз карточку в рубрике; затем настройте отложенную загрузку картинок WordPress, чтобы сетка не тянула все файлы сразу.
Много статей и нет времени — чеклист через контакты или настройка в услугах; разборы в Telegram без созвона.
Материал проверен: Андрей Дикий (создаёт сайты и продвигает их статьями (SEO/GEO)).
Достоверность данных: wordpress.com/ru/support/featured-images; каталоги Crop Thumbnails, Manual Image Crop, Regenerate Thumbnails; developer.wordpress.org (add_image_size); FAQ WPShop по размерам карточек; Jetpack, SmartWP; Яндекс Вордстат на 2026-10-04 (точные показы не получены).
Частые вопросы
Чем миниатюра записи отличается от обложки в тексте?
Изображение записи — обложка для списков, рубрик и часто репоста. Блок «Изображение» живёт только внутри статьи. Меняя одно, второе не обновится: откройте боковую панель редактора и задайте обложку отдельно.
Почему WordPress «отрезал голову»?
Тема взяла центр кадра при жёстком кропе. Подгоните пропорцию файла или плагин Crop Thumbnails / Manual Image Crop для размера карточки, не для 150×150 из настроек.
Как узнать размер карточки?
Документация темы, измерение блока на архиве, поддержка. Цифры 600×400 или 330×140 — подсказки, пока не сверили с сайтом.
Нужен ли плагин, если обрезаю до загрузки?
Не нужен, если каждый раз попадаете в пропорцию. Нужен, когда одно фото и в широкой статье, и в узкой карточке — задаёте разную область для размера темы.
Ломает ли Regenerate Thumbnails статьи?
Текст не трогает, пересоздаёт копии в медиатеке. Бэкап и одна тестовая запись перед массовым запуском.
Дублировать фото в тексте и обложке?
Можно, если кадр подходит. Часто в карточку — лицо или продукт по центру, в текст — деталь или процесс.
Влияют ли «Настройки → Медиафайлы» на карточку?
Редко. «Миниатюра» там — другой размер. Карточка берёт post-thumbnail или slug темы — правьте обложку и кроп.
