Чтобы несколько фотографий отображались вместе, используйте блок «Галерея». Блок «Галерея» содержит отдельные блоки «Изображение» для каждого изображения и позволяет их красиво расположить.
В этом руководстве
Чтобы добавить блок «Галерея», щёлкните значок + Вставка блоков и выполните поиск по ключевому слову «галерея». Щёлкните его, чтобы добавить блок в запись или на страницу.
💡
Вы также можете в новой строке набрать «/галерея» и нажать Enter, чтобы быстро добавить новый блок «Галерея».
Вы можете ознакомиться с подробными инструкциями по добавлению блоков.
Существует две опции добавления блока «Галерея»: Загрузить и Выбрать изображения.
Опция Загрузить позволяет загрузить с компьютера на веб-сайт новое изображение или несколько изображений.
Опция Выбрать изображения позволяет выбрать загруженные изображения в Библиотеке файлов, Google Фото, библиотеке бесплатных фотографий Pexels или Openverse.
Вы можете добавить больше изображений в уже созданную галерею, выполнив следующие действия:
Шаг 1. Выберите блок «Галерея». Существует несколько способов выбрать блок «Галерея».
Можно щёлкнуть изображение в блоке «Галерея», а затем значок «Выбрать галерею» на панели инструментов над изображением.
Либо можно щёлкнуть «Список» в верхнем левом углу редактор и выбрать на схеме блок «Галерея».
Шаг 2. Щёлкните Добавить на панели инструментов над блоком «Галерея», чтобы добавить больше изображений.
После того как вы щёлкните Добавить, выберите Открытая библиотека файлов, чтобы добавить уже загруженные изображения (или получить доступ к бесплатным опциям медиафайлов), либо Загрузить, чтобы загрузить в галерею новые изображения.
Если щёлкнуть блок, появится следующая панель инструментов с опциями:
На панели инструментов блока «Галерея» доступны следующие опции:
- Замените галерею другим блоком, например «Изображение», «Слайд-шоу», или другим форматом галереи.
- Выровнять по левому краю, правому краю или центру (а также применить широкий формат и формат во всю ширину, если они поддерживаются темой)
- Добавить больше изображений
- Дополнительные опции
📌
Если опция для изменения блока на широко- или полноформатный отсутствует, а ваша тема поддерживает эти опции, возможно, блок был добавлен в группу блоков. Дополнительные сведения о группе блоков см. здесь.
Если щёлкнуть блок, на боковой панели справа появятся дополнительные настройки. Если боковая панель не отображается, чтобы открыть настройки, щёлкните значок шестерёнки ⚙️ в правом верхнем углу экрана.
Если щёлкнуть изображение в галерее, будет выбран один из блоков «Изображение» в галерее. Вернуться к настройкам блока «Галерея» можно одним из следующих способов:
- Щёлкнуть пробел между изображениями.
- Выбрать блок «Галерея» в списке.
- Выбрать
Galleryв навигационной цепочке в нижней части экрана:
У блока «Галерея» есть следующие настройки:
Вы можете выбрать количество столбцов в блоке «Галерея».
Галерея может иметь от 1 до 8 столбцов. Нельзя выбрать число столбцов, превосходящее количество изображений, поэтому при добавлении 4 изображений вам будет предложено создать не более 4 столбцов. Это число будет возрастать по мере добавления других изображений, пока вы не достигнете максимального значения 8.
В соответствии с выбранным количеством столбцов будет предложен наилучший вариант размещения изображений. Попробуйте изменить количество столбцов и выберите подходящее расположение.
Можно указать, нужно ли обрезать изображения в галерее. Эта опция полезна при наличии изображений разных размеров и форм.
Если в галерее есть изображения разного размера, то благодаря обрезанию они будут выглядеть примерно одинаково, как показано ниже. Если вы не хотите обрезать изображения, но хотите, чтобы они выглядели одинаково, сразу загружайте фотографии одного размера.
Галерея с обрезанными изображениями:
Галерея без обрезанных изображений:
В настройках блока «Галерея» есть три опции создания ссылки на галерею:
- Страница вложения. Если выбрана эта опция, то посетитель, который щёлкнул изображение, перейдёт на страницу, прикреплённую к этому изображению на вашем сайте. Это страница с информацией об изображении, которая содержит само изображение, подпись, описание и поле для комментариев.
- Медиафайл. Эта опция загружает изображения в полноэкранную карусель, где их могут просматривать посетители по одному изображению за раз. Чтобы изменить настройки карусели, зайдите в Настройки медиафайлов.
- Без ссылки (по умолчанию). Эта опция отключает интерактивность изображений, и они вообще ни на что не ссылаются.
Можно сделать так, чтобы отдельные изображения в галерее ссылались на разные страницы. Для добавления ссылки на изображение выполните следующие действия:
- Щёлкните изображение, для которого нужно создать ссылку.
- Откроется панель инструментов, на которой нужно щёлкнуть значок ссылки (он похож на звено цепочки):
- Щёлкните значок «карандаш», чтобы отредактировать ссылку.
- Вставьте URL-адрес в качестве ссылки для изображения или выберите опубликованную страницу своего сайта с помощью поля поиска.
- Нажмите Enter, чтобы подтвердить изменение.
Дополнительную информацию о добавлении ссылок на отдельные изображения см. в нашем руководстве по блоку «Изображение».
Изображения добавляются в галерею в том порядке, в котором они были выбраны. При выборе рядом с каждым из них отображается цифра. Она указывает на то, каким по счёту выбранное изображение будет в блоке «Галерея».
Вы также можете менять порядок изображений в галерее после её создания. Для этого щёлкните любое изображение галереи и измените очерёдность изображений с помощью стрелок влево и вправо:
Кроме этого, для перемещения изображения можно щёлкнуть его и на панели инструментов выбрать опцию перемещения (значок выглядит как шесть точек):
Чтобы копировать, дублировать или удалить изображения, щёлкните три точки в верхнем правом углу панели инструментов и выберите нужную опцию.
После добавления изображений в галерею каждое из них можно подписать, щёлкнув его, а затем щёлкнув область Добавить подпись:
Если вы создали подпись к изображениям в Библиотеке файлов, а затем добавили блок «Галерея», эта подпись появится в блоке. Но если вы создали подпись в Библиотеке файлов после добавления блока «Галерея», она не будет отображаться в блоке. В этом случае вы можете либо создать подпись вручную в блоке «Галерея», либо удалить блок и снова его добавить, чтобы в нём использовалась подпись из Библиотеки файлов.
Дополнительные настройки
На вкладке дополнительных настроек можно добавить к блоку класс CSS, что позволяет настраивать стиль блока по своему усмотрению с помощью собственных таблиц CSS.
Поддержка 