Как использовать блок изображения WordPress

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

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

Давайте сразу же приступим!

Как добавить блок изображения в свой пост или страницу

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

Затем в редакторе нажмите кнопку « Добавить блок» (отмечена значком плюса) в том месте, куда вы хотите вставить изображение. Затем выберите блок изображения :

Если он не появляется сразу, вы также можете ввести «изображение» в строку поиска.

После добавления блока следующим шагом будет выбор изображения, которое вы хотите использовать. Оттуда у вас есть три варианта. Вы можете выбрать « Загрузить» , « Медиа-библиотеку» или « Вставить из URL-адреса» :

Если вы выберете « Загрузить» , вы сможете выбрать изображение, сохраненное на вашем компьютере. Для изображений, которые вы уже загрузили на свой сайт WordPress, вы можете перейти в Медиа-библиотеку . Чтобы вставить изображение из скопированной ссылки, нажмите « Вставить из URL» .

В нашем примере мы загрузим изображение:

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

Настройки и параметры блока изображений

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

Настройки панели инструментов блока изображений

Самая первая опция на панели инструментов позволяет вам переключиться на другой тип блока. Затем, если вы нажмете на значок « Применить двухцветный фильтр» , вы сможете выбрать из набора двухцветных фильтров для применения к вашему изображению:

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

Затем вы можете настроить выравнивание изображения на странице, выбрав Изменить выравнивание :

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

Чтобы сделать гиперссылку на свое изображение, вы можете щелкнуть значок ссылки и выбрать « Медиа-файл» или « Страница вложения» :

Если вы хотите обрезать изображение, вы можете щелкнуть значок « Обрезать» . Когда вы это сделаете, панель инструментов расширится и предложит еще три опции:

Вот краткое описание того, что означает каждый из этих значков:

1. Увеличительное стекло позволяет увеличивать изображение от 0 до 300 процентов.
2. Соотношение сторон позволяет выбрать соотношение сторон изображения, включая варианты портретной и альбомной ориентации .
3. Значок стрелки позволяет повернуть изображение.

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

Наконец, последний значок позволяет добавить текст поверх изображения:

Как и в случае с обычным текстовым редактором, над изображением появится мини-панель инструментов. Вы можете использовать эти элементы управления, чтобы выделить текст жирным шрифтом, курсивом или связать текст, а также настроить его выравнивание.

Дополнительные параметры блока изображения

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

• Копирование изображения
• Редактирование изображения как HTML
• Добавление изображения к вашим многоразовым блокам
• Вставка нового блока до или после блока изображения

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

1. Дефолт
2. Закругленный
3. Границы
4. Рамка

Вот пример того, как будет выглядеть каждый стиль:

Затем в разделе настроек изображения вы можете найти поля для ввода альтернативного текста и (1) изменить размеры изображения (2):

Обратите внимание, что ввод альтернативного текста важен как для поисковой оптимизации (SEO), так и для целей доступности.

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

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

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

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

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

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

Часто задаваемые вопросы о блоке изображений

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

Где найти блок изображения в WordPress?

После того, как вы перейдете к записи или странице WordPress, вы можете найти блок изображения несколькими способами. Первый вариант - ввести «/ image» в текстовое поле. Второй вариант - щелкнуть блок кнопки «Добавить» или значок плюса (+), а затем ввести «изображение» в поле поиска.

Что делает блок изображения?

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

Могу ли я добавлять изображения в любом месте WordPress?

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

Заключение

Добавление изображений по всему сайту - один из самых простых и эффективных способов оживить ваш контент. Фотографии и снимки экрана могут не только сделать ваш контент более эстетичным, но и улучшить общий пользовательский интерфейс (UX).

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

У вас есть вопросы по использованию блока изображений WordPress? Дайте нам знать в комментариях ниже!

Избранные изображения через TarikVision / shutterstock