Виджет Фото-галерея используется для добавления сразу нескольких фотографий на страницу в виде галереи с возможностью настроить ее внешний вид.
1. Добавление виджета Фото-галерея.
Создайте страницу с типом Новая страница и добавьте виджет Фото-галерея, перетащив его в нужную область страницы.
2. Добавление изображений в фото-галерею.
Для добавления изображений нажмите кнопку Выберите файл и загрузите изображение. Вы можете выбрать и загрузить сразу несколько изображений.
Если вы загрузили одно фото, для загрузки второго необходимо перейти в настройки виджета, кликнув на символ шестеренки в правом верхнем углу. В открывшемся окне вам нужно нажать кнопку «+». Вы можете добавлять новые фото в начало или конец фото-галереи.
3. Настройка фото-галереи.
Для виджета Фото-галерея доступны следующие настройки:
- Вид галереи
Выберите один из шести видов галерей во вкладке Оформление и укажите дополнительные настройки, которые доступны для выбранного типа галереи.
- Склеивание изображений
Виджет позволяет разместить несколько изображение в строку - «склеить» изображения. Для склеивания изображений в ряд перейдите в настройки виджета, кликнув по значку шестеренки в правом верхнем углу. Затем нажмите на символ склеивания между фотографиями, которые вы хотите объединить в один ряд. Данная настройка доступна только для первого вида галереи.
Перейти в полноэкранный режим управления изображениями можно, кликнув по символу стрелки в окне настроек виджета.
- Ширина галереи
Для изменения ширины фото-галереи перейдите на вкладку Оформление, перетащите бегунок Ширина галереи в % в нужное положение и сохраните изменения.
- Отображение фото на весь экран
Для отображения фото во весь экран перейдите на вкладку Оформление и поставьте галочку в поле Открывать на весь экран по клику на фото. Данная настройка не доступна для галереи в виде горизонтальной ленты.
- Изменение расстояния между фото
Для изменения расстояния между изображениями перейдите на вкладку Оформление и перетащите бегунок Расстояние между изображениями в нужное положение.
- Добавление ссылки к изображению.
Для добавления ссылки к изображению необходимо навести курсор мышки на область фото и нажать на иконку шестеренки, которая появится при наведении. В открывшемся окне укажите ссылку на страницу в поле Задать ссылку изображению.
Если вы создаете ссылку на страницы вашего сайта достаточно ввести ссылку вида - /адрес_страницы. Если вы хотите сделать ссылку на другой сайт, адрес необходимо указать полностью, например, http://blog.vigbo.com/
Данная настройка доступна только, если не выбрана отметка «Открывать галерею на весь экран по клику на фото». Возможность указать ссылку не доступна для изображений галереи горизонтального вида, галереи с превью и галереи с одним фото.
- Подпись к изображению
Чтобы добавить подпись к изображению наведите курсор мышки на область фото и нажмите иконку шестеренки, которая появится при наведении. В открывшемся окне укажите подпись к изображению.
Добавление подписи для изображения не доступно для горизонтального вида галереи, галереи с превью и галереи с одним фото.
- ALT-текст для изображения
В атрибут «ALT» нужно писать текстовый эквивалент того, что изображено на фото. Если по каким-то причинам фото не отображается, посетителю будет видна надпись, описывающая, что изображено на фотографии. Наличие ALT-тегов позволяет увеличить рейтинг страницы в поисковых системах в режиме поиска картинок, то есть улучшить поисковую оптимизацию сайта.
Добавление ALT-тегов для фото доступно в галерее в виде ленты, грид, галереи вида горизонтальной лентой.