Изображение обложки и заработать деньги в блогах на WordPress(руководство для начинающих)

WordPress 5.0 был выпущен с совершенно новым блок-редактором Gutenberg и множеством интересных функций. Одним из них является блок «Обложка», который позволяет добавлять изображения обложек к сообщениям и страницам.

Эта функция смутила некоторых пользователей, потому что она может показаться похожей на опцию Featured Image, которая была в WordPress начиная с WordPress 2.9.

В этой статье мы расскажем о различиях между изображением обложки и избранным изображением в редакторе блоков WordPress.^

Что такое обложка?

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

С помощью блока обложки в WordPress вы можете добавить текстовое и цветное наложение на изображение обложки.^

Добавив соответствующий цветовой оверлей, соответствующий цвету вашей темы или настроению контента, вы можете сделать свою статью более привлекательной.

Точно так же добавление наложения текста помогает пользователям легко определить, где начинается новый раздел в вашей статье и о чем идет речь.

Традиционно блогеры используют текст заголовка для разделения разделов в сообщении блога. С изображениями обложек у вас теперь есть возможность разделить разделы более визуально привлекательным способом.

Что такое рекомендуемое изображение?

Показанное изображение (также называемое миниатюрой поста) – это основное изображение статьи, которое представляет контент. Они заметно отображаются на вашем веб-сайте на отдельных постах, страницах архива блога, а также на главной странице новостных, журнальных и блоговых сайтов.

Кроме того, избранные изображения также отображаются в социальных сетях при публикации статьи.

Избранные изображения тщательно продуманы, чтобы они выглядели привлекательно. Такие изображения дают пользователям быстрый взгляд на ваш контент и подсказывают им всю статью.

На экране редактирования поста вы найдете мета-поле для добавления избранного изображения, потому что почти все темы WordPress поддерживают избранные изображения по умолчанию.^

Где и как отображаются избранные изображения, полностью контролируется вашей темой WordPress.

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

Как добавить изображение обложки в WordPress?

Новый редактор блоков WordPress (Gutenberg) поставляется с блоком Cover, чтобы позволить вам добавить изображение обложки в WordPress.

Во-первых, вам нужно создать новый пост или отредактировать существующий. На экране редактирования сообщения нажмите кнопку добавления нового блока и затем выберите «Обложка блока».^

Вы можете найти блок Cover на вкладке Common Blocks.

Нажав на блок, вы увидите блок Обложка, добавленный в ваш редактор контента, с вариантами добавления нового изображения обложки.^

Вы можете просто перетащить изображение или видео в область блока, чтобы загрузить новое изображение обложки. Кроме того, вы можете нажать кнопку Загрузить, выбрать изображение на своем компьютере и открыть для загрузки.

Если вы хотите добавить изображение, уже загруженное в медиатеку, вы можете нажать кнопку «Медиатека» и выбрать изображение из вашей медиагалереи.^

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

Это покажет вам панель инструментов с параметрами настройки над изображением, полем «Создать заголовок …» в центре изображения и настройками блока, включая наложение цвета на панели справа.^

Помимо опции выравнивания, блок изображения обложки предоставляет вам два варианта ширины: Широкая ширина и Полная ширина.

Параметр «Широкая ширина» делает изображение таким же широким, как и ваш контент. Опция полной ширины позволяет вашему изображению покрывать весь экран.^

Далее вы можете добавить заголовок для вашего обложки. Когда вы нажмете на изображение обложки, вы увидите поле «Написать заголовок…» в центре изображения обложки.

Просто нажмите на эту область, чтобы добавить текст. Вы можете написать название обложки и отформатировать его, используя параметры форматирования, которые появляются в верхней части текста или в верхней части обложки.^

Наконец, на правой боковой панели находятся настройки блока крышки. Вы можете включить Фиксированный фон, чтобы создать эффект параллакса, когда пользователи прокручивают страницу вниз.^

Ниже этого есть варианты наложения цвета. По умолчанию он добавляет цвет вашей темы как цвет наложения с прозрачностью 50%, но вы можете изменить цвет наложения, а также изменить непрозрачность, перемещая точку.^

Наконец, вы можете добавить код CSS и добавить больше стилей к изображению на обложке, нажав кнопку «Дополнительно».

Это оно!

Вы можете повторить этот шаг, чтобы добавить несколько изображений обложки в одну статью, если это необходимо.

Как добавить избранные изображения в WordPress?

Процесс добавления избранного изображения такой же, как и раньше. Если у вас уже был блог на WordPress, вы уже знаете, как добавить избранные изображения.

Чтобы добавить избранное изображение, вам нужно открыть экран редактирования поста, а затем перейти к мета-полю «Избранное изображение» в правой части экрана.

Вам нужно будет выбрать опцию Set Featured Image.^

Затем вы можете загрузить новое изображение, используя перетаскивание или выбрав изображение из вашей существующей библиотеки мультимедиа.

После этого вы можете добавить заголовок и альтернативный текст для избранного изображения, а затем нажмите кнопку «Выбрать».^

Вы успешно добавили рекомендуемое изображение в свою статью.

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

После того, как вы добавили понравившееся изображение, вы можете предварительно просмотреть свое сообщение и посмотреть, как оно выглядит.

Если вы используете новую стандартную тему «Двадцать девятнадцать» или другие современные темы, то вы также можете увидеть наложение цветов на ваши избранные изображения.

Вы можете удалить его или изменить цвет, перейдя в настройщик WordPress.

Просто нажмите кнопку «Внешний вид»> «Настроить» в меню WordPress.^

Оказавшись на панели «Настройка», вам нужно выбрать опцию «Цвета» слева.^

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

Вы можете изменить основной цвет своей темы, выбрав опцию Пользовательский и выбрав цвет.^

Если вы хотите отключить цветной фильтр на избранных изображениях, вы можете просто снять флажок «Применить фильтр к избранным изображениям, используя основной цвет».^

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

Заключение – изображение на обложке или изображение в WordPress

Теперь, когда вы знаете, как добавить изображение обложки и рекомендуемое изображение, давайте взглянем на некоторые рекомендации.

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

Хорошо разработанные избранные изображения помогают привлечь больше пользователей для открытия статьи. Они отлично подходят для того, чтобы сделать ваш сайт привлекательным и визуально интерактивным.

Изображения обложки на самом деле являются частью вашей статьи. Пользователь видит ваше обложку после того, как открывает вашу статью для чтения. Таким образом, они делают ваши статьи более интересными и интересными для чтения.

Лучшее использование изображений обложки – добавить красивый переход между разделами внутри длинной статьи.

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

Правильно добавив изображения для обложки, вы сможете улучшить вовлечение пользователей в свои сообщения.

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

Если вам понравилась эта статья, пожалуйста, подпишитесь на наш канал YouTube для видеоуроков WordPress. Вы также можете найти нас в Twitter и Facebook.