WordPress
Сегодня я расскажу как сделать на своём wordpress сайте эффектную и привлекательную фото галерею. Такая галерея хороша тем, что она адаптивная, то есть подойдёт для просмотра на любом устройстве. Так же, вам не нужно открывать изображения, чтобы посмотреть его в полном размере, так как фото будет автоматически показываться в полном размере, за счёт эффекта аккордеона. Фотографии сжимаются и разжимаются по порядку, тем самым образуя живой аккордеон. В настройках можно задать размер галереи, включить или отключить авто перемещение и т.д.
Плагин — Grid Accordion Lite можно установить прямо из админ-панели wordpress. Перейдите по вкладке: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Чтобы настроить галерею, перейдите по вкладке: Grid Accordion. Для добавления изображения в галерею, нажмите на кнопку — Add Panels.
Настройки:
Appearance
— Width, ширина галереи.
— Height, высота галереи.
— Columns, сколько колонок в галереи.
— Responsive, адаптивная, под любые устройства.
— Responsive Mode, адаптивный режим.
— Aspect Ratio, соотношение сторон.
— Shadow, тень.
— Panel Distance, расстояние между фото в пикселях.
— Start Panel, пуск панели.
Animations
— Opened Panel Width, ширина открытой панели.
— Opened Panel Height, высота открытой панели.
— Max Opened Panel Width, максимальная ширина.
— Max Opened Panel Height, максимальная высота.
— Open Panel On, открытие панели по действию.
— Close Panels On Mouse Out, закрытие панели если нет наведения курсора.
— Mouse Delay, задержка при наведении мыши.
— Open Panel Duration, продолжительность открытой панели.
— Close Panel Duration, продолжительность закрытой панели.
Autoplay
— Autoplay, автозапуск.
— Autoplay Delay, задержка перед авто запуском.
— Autoplay Direction, направление автозапуска.
— Autoplay On Hover, автозапуск при колебании.
Mouse Wheel
— Mouse Wheel, колесо мыши.
— Mouse Wheel Sensitivity, чувствительность.
Keyboard
— Keyboard, клавиатура.
— Keyboard Only On Focus, клавиатура только на фокус.
После добавления фотографий и настройки галереи, нажмите на кнопку — Update, чтобы сохранить сделанные изменения. Для того чтобы опубликовать галерею на сайте, перейдите на страницу — All Accordions, скопируйте шорткод и вставьте его на ту страницу, где будет отображаться галерея.
Если у вас возникнут вопросы по настройке плагина, то оставьте комментарий к данной записи и я обязательно вам отвечу. До новых встреч !
