адаптивная галерея Wordpress

Image Gallery Стильная адаптивная галерея WordPress


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

 

Пример галереи с границами.

 

Image Gallery

 

Лайтбокс окно для просмотра изображений. Можно просматривать все изображения в лайтбокс окне.

 

Image Gallery

 

Галерея с изображениями без границ, 6 колонок.

 

Image Gallery

 

Галерея с изображениями без границ, 4 колонок.

 

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

 

Установить плагин Image Gallery вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

Image Gallery

 

Далее, после установки и активации плагина, перейдите на страницу: New Image Gallery. Здесь у вас будут отображаться все созданные галереи. Чтобы создать новую галерею, нажмите вверху на кнопку – Add Image Gallery.

 

Image Gallery

 

Далее, на странице создания галереи вам нужно указать название для галереи. Чтобы добавить изображения в галерею, нажмите на большую, зелёную кнопку – Add Image. Вы можете указать для каждого изображения название, которое будет отображаться в лайтбокс окне.

 

галерея WordPress плагин

 

Разберём настройки:

– Gallery Thumbnail Size, выберите размер изображений.

– Colums On Large Desktops, укажите количество колонок для больших экранов, компьютеров.

– Colums On Desktops, количество колонок для стандартных ПК.

– Colums On Tablets, количество колонок для планшетов.

– Colums On Phones, количество колонок для мобильных устройств.

– Light Box Style, можете включить или отключить отображение изображений в лайтбокс окне.

– Image Hover Effect Type, можно выбрать эффект при наведении на изображение, либо отключить.

– Hide Thumbnails Spacing, если выберите “Yes” галерея будет без границ, если выберите “No” галерея будет с границами.

– Gallery Thumbnail Order, можно выбрать тип сортировки изображений.

– Custom CSS, можно указать свои CSS стили для галереи.

 

После настройки галереи, вверху страницы справа нажмите на кнопку – Опубликовать. После чего скопируйте шорткод галереи.

 

шорткод галереи

 

Далее, вставьте шорткод на страницу создания записи или страницы. Обновите или опубликуйте страницу.

 

шорткод галерея страница

 

Всё готово ! На вашем сайте будет отображаться Стильная галерея !

 

Остались вопросы ? Напиши комментарий ! Удачи !

 






info-effect.ru
Image Gallery Стильная адаптивная галерея WordPress обновлено: Январь 30, 2017 автором: Илья Журавлёв

1 Комментарии

  • JsOne 14.03.2018 Ответить

    Спасибо ребята ))) полезная инфа ! Лайк

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая на кнопку Отправить комментарий, вы соглашаетесь с Политикой конфиденциальности и Пользовательским соглашением сайта info-effect.ru


Обратная связь

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх