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

2 min


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

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

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

Как создать галерею изображений в WordPress

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

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

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

Добавление нескольких изображений в WordPress Post без создания галереи

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

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

Предварительный просмотр WordPress Photo Gallery с использованием блока галереи по умолчанию

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

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

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

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

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

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

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

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

Добавить блок галереи в WordPress Post Editor

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

Параметры загрузки изображений в блоке галереи WordPress

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

Загрузить изображения в вашу фотогалерею WordPress с компьютера

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

Написать подписи в вашей галерее изображений

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

Выберите изображения из библиотеки мультимедиа WordPress

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

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

Обновите свою библиотеку WordPress

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

Настройки блока галереи WordPress

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

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

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

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

Предварительный просмотр WordPress Photo Gallery с использованием блока галереи по умолчанию

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

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

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

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

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

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

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

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

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

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

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

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

Введите лицензионный ключ для галереи Envira

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

Создание новой галереи с плагином WordPress для галереи Envira

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

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

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

Изображения в Envira Gallery Builder

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

Редактировать метаданные изображения галереи

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

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

Настройка параметров галереи Envira

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

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

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

Настройки лайтбокса Envira Gallery

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

Настройки мобильной галереи Envira

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

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

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

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

Добавить блок Envira в WordPress Post Editor

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

Выберите галерею Envira для добавления в ваш пост WordPress

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

Галерея Envira добавлена ​​в редактор сообщений WordPress

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

Настройки блока Envira Gallery

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

WordPress Photo Gallery, созданная с помощью Envira Gallery

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

Изображение галереи Envira во всплывающем окне лайтбокса

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

Адаптивная Фотогалерея WordPress

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

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

Пост «Как создать галерею изображений в WordPress» (шаг за шагом) впервые появился на WPBeginner.


0 Comments

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