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

Статья написана:
  • WordPress
  • Обновлено: сентябрь 05, 2017

Создание красивого веб-сайта WordPress это не ракетостроение.

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

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

Перейти в:

Давайте взломать!

Метод #1: Использование FooGallery

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

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

Самый быстрый способ установить FooGallery - через панель инструментов WordPress. Перейдите в раздел «Плагины»> «Добавить новый», введите «FooGallery» и нажмите кнопку «Установить».

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

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

Чтобы добавить фотографии в свою галерею, нажмите «Добавить медиа» в «Элементы галереи».

Это должно вызвать знакомый интерфейс, в котором вы можете выбрать изображение из медиа-библиотеки или загрузить новый, щелкнув вкладку «Загрузить файлы».

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

Выбор шаблона

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

Шаблон существенно диктует, как будет выглядеть ваша галерея.

Например, шаблон адаптивной галереи изображений отображает все изображения в виде сетки, которая автоматически настраивается на основе размера экрана:

С другой стороны, шаблон Image Viewer отображает одно изображение за раз, предоставляя пользователям кнопки навигации:

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

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

Это приводит к следующему шагу - добавление галерей изображений в сообщения.

Вставка Галереи в Должности

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

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

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

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

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

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

Чтобы добавить галерею, щелкните ее миниатюру и нажмите кнопку «Вставить галерею».

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

Улучшение FooGallery

Расширяемость является одним из самых больших преимуществ FooGallery. Перейдя в FooGallery> Settings, вы можете изменить несколько аспектов работы плагина.

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

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

Метод #2: создание галерей без плагинов

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

Чтобы создать галереи без заголовков, перейдите в редактор сообщений WordPress и нажмите «Добавить медиа».

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

После выбора всех выбранных изображений нажмите кнопку Создать новую галерею.

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

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

Установите это значение «Нет», если вы не хотите, чтобы ваша галерея была интерактивной.

Метод #3: Другие альтернативы плагинов

Теперь мы изучили два наиболее популярных варианта добавления галерей в сообщениях в сообщения WordPress.

Чтобы дать вам еще большую гибкость, вот несколько других альтернатив FooGallery, которые вы можете рассмотреть:

Галерея портфолио от огромного ИТ

Веб-сайт: huge-it.com/portfolio-gallery/; Цена: Бесплатно / $ 40 для сайта 1

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

Галерея NextGEN

Веб-сайт: www.imagely.com/nextgen-gallery/; Цена: Бесплатно / $ 69

Что касается активных установок, Gallery NextGEN находится на вершине с более чем 1 миллионами пользователей. Единственная причина, по которой FooGallery присутствует в этом посте, - это крутая оценка. В нем также есть более подробный раздел настроек, который может немного запутать новых пользователей. Тем не менее, это сплошной плагин, который может помочь вам создать красивые и отзывчивые галереи.

Instagram Feed WD

Веб-сайт: web-dorado.com/wordpress-instagram-feed-wd; Цена: Бесплатно / $ 25 для сайта 1

Вы можете легко использовать Instagram Feed WD для вывода контента из своей учетной записи Instagram и в настраиваемую галерею.

Это идеально подходит для фотографов и блоггеров с установленным присутствием Instagram.

Обнаружили все, что вам нужно, о том, как создавать галереи изображений на месте? Не забудьте проверить основные плагины WordPress что каждый сайт должен иметь!

Про Кристофера Яна Бенитеса

Кристофер Ян Бенитес - профессиональный внештатный автор, который предоставляет малым предприятиям контент, который привлекает их аудиторию и повышает конверсию. Если вы ищете высококачественные статьи обо всем, что связано с цифровым маркетингом, тогда он ваш парень! Не стесняйтесь сказать ему «привет» в Facebook, Google+ и Twitter.

Подключение: