Как создать галерею изображений в WordPress (пошаговая инструкция)

Вы хотите создать галерею изображений в WordPress?

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

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

Зачем создавать галерею изображений в WordPress?

WordPress позволяет легко добавлять изображения в сообщения и страницы блога. Вам просто нужно добавить блок изображения и загрузить свое изображение.

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

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

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

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

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

В этом уроке мы покажем вам оба способа создания фотогалереи в WordPress.

Начнем со стандартного блока галереи WordPress.

Видеоурок(это видео)

Если вам не нравится видео или вам нужны дополнительные инструкции, продолжайте чтение.

Способ 1. Создайте галерею изображений без плагина

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

Вот как вы можете создать галерею изображений в WordPress без использования плагина.

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

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

Если вы нажмете кнопку «Загрузить», вы можете загрузить по одной фотографии за раз. Однако вы можете выбрать и открыть несколько изображений с нажатой клавишей Ctrl на клавиатуре.^

После того как вы загрузили все изображения, вы можете добавить подписи к своим изображениям. Просто нажмите на фотографии, и вы увидите опцию «Написать подпись…», где вам нужно ввести подпись.^

Если вы нажмете кнопку «Медиатека», то сможете сразу выбрать изображения для своей галереи. Выбирая изображения, вы также можете ввести изображение, текст, заголовок и подпись на панели сведений о вложении справа.^

Выберите изображения, которые вы хотите добавить, и нажмите кнопку «Создать новую галерею» в правом нижнем углу.

Далее вы увидите страницу «Редактировать галерею», где вы можете добавить / просмотреть подписи к своему изображению. После этого нажмите кнопку «Обновить галерею» в правом нижнем углу.^

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

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

Если вы выберете опцию Media File, тогда изображения будут кликабельными, а файл изображения откроется при нажатии. Аналогичным образом откроется страница вложений, если вы выберете опцию «Страница вложений».

Как только вы будете удовлетворены настройками, вы можете опубликовать сообщение и просмотреть галерею на своем веб-сайте.

Например, вот как галерея изображений появилась на нашем демонстрационном сайте.^

Разве это не было быстро и легко?

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

Например, ваши изображения не будут кликабельны или открываются на новой странице. Если вы свяжете свои изображения галереи с медиа-файлом или страницей вложения, то пользователям придется снова нажать кнопку «Назад», чтобы просмотреть галерею.

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

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

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

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

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

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

Давайте начнем.

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

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

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

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

Вы также можете выбрать файлы из медиатеки WordPress, нажав кнопку «Выбрать файлы из других источников».

Как только вы загрузите изображения, они появятся в разделе Галерея.^

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

Далее вам нужно нажать на вкладку «Конфигурация».

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

После этого вам нужно нажать на вкладку «Лайтбокс».

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

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

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

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

Теперь вы можете опубликовать свою галерею, которая сделает ее доступной для добавления в любом месте вашего сайта WordPress.

Далее вам нужно отредактировать сообщение или страницу, где вы хотите отобразить свою галерею.

На экране редактирования записи щелкните значок «Добавить новый блок» и выберите блок «Галерея Envira».^

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

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

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

Теперь вы можете сохранить свой пост и просмотреть его, чтобы увидеть галерею на вашем сайте.^

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

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

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

Если вам понравилась эта статья, пожалуйста, подпишитесь на наш канал YouTube для видеоуроков WordPress. Вы также можете найти нас в Twitter и Facebook.