Редактор Gutenberg — работа с изображениями

Простой и короткий урок, как в редакторе страниц работать с изображениями.

Более подробно и с примерами тему разбираю в видео:

Одиночное изображение

Для вставки изображения используем одноименный блок. Он предлагает несколько способов вставки медиа-файла:

  1. Вставить с сайта. Можно использовать ссылку на любое изображение в интернете.
  2. Загрузка. Выбор файла на вашем компьютере.
  3. Библиотека файлов. Выбор медиа-файла из ранее загруженных на сайт.

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

У вставленного изображения, как и у любого блока, есть меню с кнопками для донастройки. Также справа есть параметры, которые позволяют изменять изображение: скруглить углы, задать размер изображения в пикселях или процентах, добавить мета-теги (title, alt, description)

Параметры для настройки изображения

Галерея изображений

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

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

Параметры для настройки галереи

Добавить комментарий

Ваш адрес email не будет опубликован.