Создание галереи изображений в WordPress

Приветствуем вас! Зачем вообще нужна галерея изображений? Итак, WordPress позволяет легко добавлять изображения в сообщения и страницы блога. Но, если вы добавляете несколько изображений, то они будут появляться один за другим.

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

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

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

Создание галереи изображений с использованием Envira Gallery

Для этого метода мы будем использовать плагин Envira Gallery. Это замечательный плагин для галереи изображений WordPress на рынке. Да плагин стоит дороговато, но не волнуйтесь у вас есть возможность скачать его совершенно бесплатно, перейдя по данной ссылке.

Он позволяет легко создавать полностью отзывчивые, красивые и современные галереи изображений. Плагин поставляется со многими функциями, такими как всплывающее окно лайтбокса, удобная навигация по изображениям, перетаскивание и т.д. Давайте начнем.

Устанавливаем и активируем плагин Envira Gallery. После активации вам необходимо зайти на страницу «Envira Gallery» и нажать на «Добавить новую страницу», чтобы создать свою первую галерею.

Сначала вам нужно указать название для вашей галереи, затем нажимаем на кнопку «Выбрать файлы с компьютера», или загружаем рисунки из медиатеки WP, нажав на кнопку «Выбрать файлы из других источников». Как только вы загрузите изображения, они появятся в разделе Галерея.

Жмем на значок карандаша на изображении, чтобы добавить заголовок, или альтернативный текст для каждого изображения.

Далее вам нужно нажать на вкладку «Конфигурация». Здесь можно изменить настройки галереи, такие как количество столбцов, отложенная загрузка изображений, размеры изображений и т. д.

Далее переходим на вкладку «Лайтбокс». Всплывающее окно лайтбокса позволяет пользователям увеличивать изображения и просматривать их, не покидая страницы. Настройки по умолчанию работают замечательно, но вы можете изменить параметры, если хотите.

Далее вы можете нажать на вкладку «Мобильный», чтобы настроить параметры галереи для мобильных устройств. Этот пункт позволяет выбирать размеры изображения для мобильных устройств, включать или отключать лайтбокс и многое другое.

После проделанных манипуляций можно просмотреть дополнительные параметры, такие как галерейный слаг и добавить собственный CSS из раздела «Разное».Теперь вы можете опубликовать свою галерею.

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

Нажав на нее, вы добавите блок Envira Gallery в редактор сообщений. Теперь вы можете искать галерею по ее названию или найти ее, нажав на значок стрелки раскрывающегося списка.

После этого плагин загрузит вашу галерею в редактор сообщений.

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

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