Содержание:

1. Добавляем галерею с помощью стандартного виджета
2. Настройки виджета галереи
3. Настройки SEO для картинки
4. Собираем галерею вручную
 
 
Виджет «Галерея картинок» – это готовый виджет, в который вы сможете добавить нужное количество изображений и они будут открываться галереей. Т.е. нажав на одну из картинок - вы сможете пролистать остальные, которые находятся внутри этой галереи. Пример:

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

1. Добавляем виджет галереи

Чтобы установить виджет, необходимо перетащить его внутрь секции.

Чтобы изменить стандартное изображение - нажмите на него и выберите другое изображение из стандартной библиотеки или загрузить свое изображение с компьютера.
Есть несколько стандартных библиотек, где вы сможете выбрать разные картинки, разных тем:

Чтобы загрузить свое изображение с компьютера - нажмите на кнопку «Загрузить изображение»

Выберем другую картинку из стандартной библиотеки на записи ниже:

Загрузим собственную картинку с компьютера вместо стандартной:

При добавлении виджета галереи, он добавляется с тремя картинками. Если вам нужно больше - добавить изображение в галерею можно в меню виджета, нажав на иконку плюса ( ✚ )

Добавим еще одну картинку (четвертую) на записи:

2. Настройки виджета

Чтобы зайти в настройки виджета - нажмите на иконку гаечного ключа:

В настройках виджета мы видим несколько функций, о которых речь пойдет ниже.

Открывать по клику

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

Если функция деактивирована, нажимая на картинку, никаких действий происходить не будет. Т.е. картинка не будет открываться в дополнительном окне (как на примере выше) и не будет возможности пролистать остальные картинки.

Положение картинок

Положение для отображения картинок можно задать:

1. Слева

2. По центру

3. Справа

4. Равномерно

Отступы

Данной функций можно задать отступ между картинками внутри виджета.

Максимальная высота

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

3. Настройки SEO для картинки

Атрибуты ALT и TITLE желательно использовать на картинках, так как благодаря этим атрибутам поисковые системы проводят ранжирование в своих сервисах по поиску картинок. Если ваши изображения будут участвовать в выдаче этих сервисов, то это гарантирует приток дополнительного трафика на сайт.

Указываются эти атрибуты непосредственно в настройках каждой картинки:

Более подробно об атрибутах ALT и TITLE:«Вкладка SEO у виджета картинки»
​

4. Собираем галерею вручную

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

1. Способ добавления новых картинок;
2. Размеры, положение, отступы между картинками настраиваются для каждой картинки индивидуально, а не для всех сразу, как мы делали это в разделе «Настройки виджета галереи»;
3. Функция «Открывать по клику» настраивается вручную, на каждой картинке, а не активацией для всех картинок сразу.

Разберем каждый пункт подробнее.

1. Для начала, необходимо добавить на страницу виджет «Колонки» разделенный на несколько частей. Можно добавить от 2 до 6 колонок, с возможностью в дальнейшем увеличить это количество. Количество колонок будет определять, сколько картинок будет в них находиться. На примере ниже, добавим колонку, разделенную на 3 части (для трех картинок в дальнейшем).

Переносим виджет «Картинка» внутрь каждой колонки. Итого, нам нужно поместить в колонки 3 виджета «Картинка»:

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

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

Чтобы добавить еще несколько колонок, в каждую из которых, вы сможете вставить новую картинку - зайдите в настройки виджета колонок и измените значение количества колонок на желаемое:

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

3. Функция «Открывать по клику» позволяет открывать картинку в специальном окне, когда на нее нажали. А также пролистать другие картинки, не закрывая это окно. Если в виджете «Галерея картинок» эта функция активируется одним нажатием, в настройках виджета, то в этом случае (если собирать галерею вручную), нужно выполнить больше действий. Более подробно в нашей инструкции:
«Как настроить группу картинок?»

Готово! 🎉 Мы научились создавать и настраивать галерею картинок👍