Супер стильная фото галерея с эффектом живого аккордеона сайт wordpress

Сегодня я расскажу как сделать на своём wordpress сайте эффектную и привлекательную фото галерею. Такая галерея хороша тем, что она адаптивная, то есть подойдёт для просмотра на любом устройстве. Так же, вам не нужно открывать изображения, чтобы посмотреть его в полном размере, так как фото будет автоматически показываться в полном размере, за счёт эффекта аккордеона. Фотографии сжимаются и разжимаются по порядку, тем самым образуя живой аккордеон. В настройках можно задать размер галереи, включить или отключить авто перемещение и т.д.

 

 

Плагин — Grid Accordion Lite можно установить прямо из админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

14-12-2015 18-15-04_mini

 

Чтобы настроить галерею, перейдите по вкладке: Grid Accordion. Для добавления изображения в галерею, нажмите на кнопку — Add Panels.

 

14-12-2015 18-22-53_mini

 

Настройки:

Appearance

— Width, ширина галереи.

— Height, высота галереи.

— Columns, сколько колонок в галереи.

— Responsive, адаптивная, под любые устройства.

— Responsive Mode, адаптивный режим.

— Aspect Ratio, соотношение сторон.

— Shadow, тень.

— Panel Distance, расстояние между фото в пикселях.

— Start Panel, пуск панели.

 

Animations

— Opened Panel Width, ширина открытой панели.

— Opened Panel Height, высота открытой панели.

Оцените статью
Добавить комментарий