Известка (excerpt) в WordPress — это краткое резюме записи, которое часто используется в списках постов, на главной странице или в виджетах. По умолчанию WordPress выводит только текстовую часть известки, и добавить к ней изображение не так просто. В этой статье мы подробно разберём, как добавить изображение в известку WordPress поста как программно, так и с помощью плагинов.
Почему важно добавлять изображение в известку WordPress
Визуальное сопровождение повышает кликабельность и улучшает восприятие контента. Многие темы WordPress не поддерживают вывод миниатюр в известках, и чтобы исправить это, приходится вмешиваться в код шаблона или использовать специальные плагины. Это актуально для блогов с большим потоком контента, новостных сайтов и любых проектов, где важна привлекательность анонсов.
Добавление изображения в известку позволяет:
- Улучшить внешний вид списка постов;
- Повысить вовлечённость пользователей;
- Упростить выделение важных материалов.
Добавление изображения в известку WordPress через код
Самый гибкий способ — добавить поддержку миниатюр в известку через функции темы. Рассмотрим пример, где в начале известки выводится миниатюра поста.
Включаем поддержку миниатюр в теме
Убедитесь, что в вашем файле functions.php есть следующая строка:
if (function_exists('add_theme_support')) {
add_theme_support('post-thumbnails');
}Это позволит использовать миниатюры для постов.
Создаём функцию вывода миниатюры в известке
Добавим функцию с префиксом wplist_ для вывода изображения перед текстом известки:
function wplist_the_excerpt_with_thumbnail($excerpt) {
if (has_post_thumbnail()) {
$thumbnail = get_the_post_thumbnail(null, 'thumbnail', ['style' => 'float:left; margin-right:10px;']);
return $thumbnail . $excerpt;
}
return $excerpt;
}Подключаем фильтр для изменения вывода известки
Чтобы применить функцию к известке, добавим фильтр:
add_filter('get_the_excerpt', 'wplist_the_excerpt_with_thumbnail');Теперь при выводе the_excerpt() перед текстом будет добавлена миниатюра поста с отступом слева.
Пример использования в шаблоне
В файле шаблона (например, index.php или archive.php) достаточно вызвать стандартный вывод известки:
<?php the_excerpt(); ?>И благодаря добавленному фильтру появится изображение.
Использование плагинов для добавления изображения в известку
Если хочется получить функционал без правки кода, можно использовать плагины. Вот проверенные решения:
1. Excerpt Thumbnail
Простой плагин, который автоматически добавляет миниатюру в начало известки. После установки и активации настройка не требуется — плагин работает сразу.
Преимущества:
- Лёгкий и бесплатный;
- Минимум настроек;
- Поддерживает стандартные размеры миниатюр.
2. Advanced Excerpt
Плагин с расширенными возможностями по настройке длины, форматирования и вывода известок, в том числе с миниатюрами.
Для добавления изображения потребуется включить соответствующую опцию в настройках плагина.
3. Custom Excerpts
Позволяет создавать собственные известки с поддержкой HTML, куда можно вставить изображение вручную через редактор.
Автоматизация с помощью WPGPT и Clearfy Pro
Для тех, кто использует WPGPT, можно автоматически генерировать известки с описанием и подставлять ссылку на изображение, что повысит качество анонсов.
Плагин Clearfy Pro поможет оптимизировать работу сайта и очистить вывод известных метаданных, что положительно скажется на скорости и корректности отображения миниатюр в известных.
Как избежать типичных ошибок при добавлении изображений в известку
Проверка поддержки миниатюр в теме
Если миниатюры не отображаются, первым делом проверьте, что в вашей теме есть поддержка post-thumbnails. Без этого изображение не будет доступно.
Проверка размера миниатюр
Используйте подходящий размер изображения, например, 'thumbnail' или 'medium'. Слишком большие изображения при выводе в известках замедлят загрузку страницы.
Кэширование и оптимизация
Если вы используете кэширование, очистите кэш после внесения изменений, иначе новые изображения в известках могут не отображаться.
Итоги и рекомендации
Добавление изображения в известку — эффективный способ улучшить визуальное восприятие анонсов на сайте. Используйте программные методы для гибкости и контроля или плагины для быстрого результата. Не забывайте про оптимизацию и проверку совместимости с вашей темой.