Как добавить миниатюры записей или изображения в WordPress

Как добавить изображение записи или миниатюру записи в WordPress крайне важно для любого блогера, разработчика или создателя контента. Изображения записей делают ваши публикации визуально привлекательными и играют ключевую роль в вовлечении читателей, улучшении SEO и улучшении предварительных просмотров в социальных сетях. Независимо от того, ведете ли вы блог, портфолио или интернет-магазин, правильно размещенное изображение записи может существенно повысить эффект от вашего контента.

В этой статье вы узнаете, как включить и добавить избранные изображения в WordPress с помощью кода и настроек темы. Мы также проведем вас через добавление изображений с помощью Classic Editor и Elementor, чтобы вы могли выбрать лучший метод для вашего рабочего процесса.

Зачем использовать избранные изображения в записях?

Изображения записей имеют решающее значение для того, чтобы сделать ваши записи WordPress более привлекательными и профессиональными. Они служат визуальными подсказками, которые помогают привлечь внимание читателей, улучшают общий эстетический вид вашего блога или сайта и создают последовательность в вашем контенте. Помимо улучшения визуальной привлекательности, платформы социальных сетей часто используют изображения записей, когда ваш контент делится, придавая вашим записям более сильное присутствие и увеличивая количество кликов.

Из-за их влияния управление вашими медиафайлами, особенно когда ваш сайт растет, так же важно, как и добавление их. Загроможденная медиатека может замедлить ваш рабочий процесс и затруднить поиск или повторное использование изображений.

Вот почему такие инструменты, как WP Media Folder, настоятельно рекомендуются. С функциями, такими как неограниченные папки, расширенные фильтры поиска и бесшовная интеграция с облачными платформами, WP Media Folder помогает вам оставаться организованным и делает управление вашими избранными изображениями и другими медиа-файлами легким.

Как включить Featured Images в вашей теме WordPress

Не все темы WordPress автоматически отображают или даже включают функцию избранного изображения. Если вы не видите эту опцию при создании публикации, возможно, ваша тема не поддерживает эту функцию. Не волнуйтесь, вы можете включить ее двумя способами: используя пользовательский код (без непосредственного изменения файлов темы) или через настройки темы по умолчанию.

Использование пользовательского кода

Если вы знакомы с WordPress и хотите вручную включить функцию избранного изображения без прямого редактирования файла functions.php, вы можете использовать плагин WordPress такой как WP Code. Этот плагин упрощает добавление кода без риска повреждения вашего сайта из-за опечаток.

Чтобы сделать это, начните с установки плагина WPCode из меню Плагины > Добавить новый. Затем найдите «WPCode» и нажмите «Установить», затем Активировать.

После активации плагина откройте меню «Фрагменты кода» и выберите + Добавить фрагмент.

Выберите "Добавить свой собственный код (новый фрагмент)" вариант.

Затем введите следующий код в столбце «Предварительный просмотр кода», выберите PHP Snippet в поле «Тип кода» и нажмите «Сохранить фрагмент».

Когда вы открываете редактор записи, добавление избранного изображения появляется на боковой панели.

Если вы хотите отобразить избранное изображение в отображении записи, добавьте этот код в соответствующий файл темы внутри цикла, такой как single.php или content.php.

<?php the_post_thumbnail(); ?> 

Вы также можете добавить это, чтобы настроить размер изображения.

set_post_thumbnail_size( 300, 200 ); 

Или создайте пользовательские размеры, такие как.

add_image_size( 'custom-size', 590, 180 ); 

Наконец, вызовите с помощью следующего кода.

<?php the_post_thumbnail( 'custom-size' ); ?> 

Использование настроек темы

Если вы не хотите возиться с кодом, многие современные темы WordPress уже предоставляют настройки для включения и установки избранных изображений прямо из Настройщика. Для этого перейдите в Внешний вид > Настроить. Затем выберите Типы записей > Блог / Архив.

Затем, в разделе Структура поста > Элементы поста, вы найдёте меню изображения записи. Чтобы активировать его, просто нажмите на иконку глаза, как показано на следующем изображении. Вы также можете настроить пропорции, эффект наведения и размер.

Добавление избранных изображений в WordPress через Gutengberg (редактор блоков)

Добавление изображения с функцией «Избранное» в WordPress с помощью Gutenberg (Блочный редактор) - это легко и практично, особенно поскольку его интерфейс современный и интуитивно понятный. С помощью Gutenberg вы можете установить изображение с функцией «Избранное» прямо из боковой панели редактора без установки дополнительных плагинов. Эта функция подходит для начинающих и опытных пользователей, которые хотят быстро настроить внешний вид своих публикаций.

После этого выберите изображение в качестве избранного, введите альтернативный текст и нажмите Установить избранное изображение.

Добавление Featured Images в WordPress через Elementor

Если вы используете Elementor для создания страниц или публикаций, вы можете легко добавить изображения с функцией «Избранное». Хотя процесс немного отличается от стандартного редактора WordPress, Elementor предоставляет возможности для динамического отображения изображений с функцией «Избранное» в вашем дизайне. Сначала откройте публикацию и нажмите Редактировать с помощью Elementor.

После этого нажмите на иконку Настройки в верхнем центре. Слева находится меню Featured Image, нажмите Выбрать изображение.

Затем появится отображение медиа. Выберите изображение, введите ALT Текст и, наконец, нажмите Выбрать.

Вывод

Добавление изображения в качестве обложки может обеспечить важную визуальную ценность, чтобы привлечь внимание читателей, укрепить идентичность контента и улучшить внешний вид при публикации в социальных сетях. Помимо украшения страницы, эта функция также поддерживает SEO и делает ваш сайт WordPress более профессиональным.

Однако, поддержание медиатеки в порядке и эффективности также важно по мере увеличения количества загруженных изображений. Вы можете использовать WP Media Folder, решение для управления медиафайлами WordPress с выдающимися функциями, такими как неограниченные папки, расширенный поиск и интеграция с облаком. Попробуйте сейчас, чтобы управлять изображениями в качестве обложки быстрее, эффективнее и без стресса!