WordPress

Потрясающая Галерея WordPress (Как Создать За 3 Шага)

Как создать: Потрясающая Галерея WordPress за 3 шага

Галереи изображений можно сейчас найти повсюду в сети. На самом деле, большинство сайтов, которые вы посещаете, вероятно, содержат хотя бы одну галерею, и не без причины. К счастью, собственная галерея WordPress (англ) создаётся проще, чем вы можете себе представить. На самом деле, вы, вероятно, потратите больше времени на выбор изображений, чем на их объединение.

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

  1. Загрузите изображения, которые вы хотите включить в свою галерею WordPress.
  2. Добавьте изображения в вашу галерею.
  3. Разместите галерею в любом месте на своём сайте.

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

Шаг №1: Загрузите изображения, которые вы хотите включить в свою галерею WordPress

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

Сначала войдите в панель управления WordPress и перейдите во вкладку Медиафайлы>Библиотека. Когда вы окажетесь там, нажмите на кнопку Добавить новый в верхней части экрана:

Добавление новых изображений в вашу библиотеку.

Затем нажмите кнопку Выбрать файлы, чтобы открыть ваш локальный файловый менеджер:

Выбор файлов для загрузки.

Чтобы ускорить процесс, мы рекомендуем загружать все изображения, которые вы хотите разместить в своей галерее одновременно. Для этого мы создали папку под названием “собачки” на своём компьютере:

Наша папка "собачки".

Когда вы выбираете несколько изображений для загрузки одновременно, WordPress покажет вам прогресс каждого из них в отдельности:

Загрузка нескольких изображений одновременно.

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

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

Существует множество плагинов WordPress, которые можно использовать для автоматической оптимизации изображений. Также можно использовать простые сервисы на основе браузера, такие как TinyPNG:

Домашняя страница TinyPNG.

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

Шаг №2: Добавьте изображения в вашу галерею WordPress

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

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

Добавление новых медиа в одну из ваших публикаций.

Появится новый экран с вариантами размещения изображений из медиатеки, настройки галереи или создания списка воспроизведения мультимедиа. Выберите опцию Создать галерею и выберите вкладку Библиотека файлов справа от неё:

Галерея WordPress.

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

Шаг №3: Добавьте галерею WordPress на свой сайт

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

Редактирование вашей галереи WordPress.

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

Изображение вложения WordPress.

Когда вы закончите, нажмите кнопку Вставить галерею, и ваша галерея WordPress появится в редакторе:

Галерея WordPress в редакторе.

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

Помимо добавления изображений к вашим сообщениям и страницам, вы также можете использовать виджет WordPress Gallery, чтобы размещать её на боковой панели или в нижнем колонтитуле. Для этого перейдите во вкладку Внешний вид>Виджеты и найдите виджет Галерея:

Виджет галерея WordPress.

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

Добавление галереи в виджет.

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

Настройка вашего виджета галереи.

Когда вы закончите, нажмите на кнопку Сохранить, и вы сможете увидеть галерею на вашем сайте:

Проверка вашей галереи на сайте.

Как видите, галерея WordPress не может быть ещё проще!

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

7 лучших плагинов для демонстрации ваших изображений на сайте

В функциональности WordPress Gallery нет ничего неправильного. Тем не менее, с правильными плагинами, вы можете получить доступ ко множеству интересных новых функций. Давайте познакомим вас с некоторыми лучшими плагинами!

1. Photo Gallery by 10

Веб-плагин Photo Gallery by 10.

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

Плагин Photo Gallery от 10Web в действии.

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

Ключевые особенности:
  • Настройте галерею WordPress с использованием уникальных макетов
  • Смешайте изображения и видео в одной галерее
  • Получите доступ к эффектам лайтбокса для вашей галереи WordPress
  • Используйте несколько типов виджетов для добавления галерей

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

2. Gallery by Robo

Плагин Gallery by Robo.

Gallery by Robo — это фантастический плагин, если вы хотите иметь высокий уровень контроля над стилем и поведением ваших галерей. Как и в предыдущем плагине, этот позволяет выбрать один из нескольких макетов галереи для вашего сайта. Тем не менее, он также позволяет добавлять эффекты слайд-шоу и наведения, настраивать параметры шрифта и даже включать границы вокруг изображений.

Плагин Gallery by Robo в действии.

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

В целом, высокая степень настройки делает Gallery by Robo лучшим выбором, если вы хотите настроить каждый аспект галереи вашего сайта.

Ключевые особенности:
  • Выберите из нескольких макетов для вашей галереи WordPress
  • Добавьте различные типы эффектов для ваших изображений
  • Автоматически изменяйте размер изображений при загрузке
  • Настройте ленивую загрузку для галерей с большим количеством элементов
  • Создавайте мобильные галереи без дополнительной работы с вашей стороны

Цены: Вы можете создать до трех галерей с бесплатной версией или заплатить 30 долларов за неограниченную премиум лицензию.

3. GridKit Portfolio Gallery

Плагин GridKit Portfolio Gallery.

Хотя этот плагин включает в себя слово “портфолио”, вы можете использовать его для создания любого типа галереи WordPress, которую вы хотите. Наряду с изображениями, GridKit Portfolio Gallery также поддерживает видео из разных источников и продукты WooCommerce. Кроме того, он включает в себя возможности обмена информацией в социальных сетях, чтобы посетители могли показать вашу работу своим друзьям и знакомым.

Плагин GridKit Portfolio Gallery в действии.

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

Ключевые особенности:
  • Настройте галерею с изображениями и видео
  • Продемонстрируйте продукты WooCommerce с помощью галереи
  • Создайте разделы для членов команды
  • Выберите из нескольких типов макетов для ваших галерей

Цены: GridKit — бесплатный плагин, хотя вы можете получить множество дополнительных функций с одной из его профессиональных лицензий (англ).

4. Responsive Lightbox & Gallery

Плагин Responsive Lightbox & Gallery.

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

Плагин Responsive Lightbox & Gallery в действии.

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

Ключевые особенности:
  • Создавайте простые, удобные для мобильных устройств галереи
  • Выберите один из трёх макетов для ваших изображений
  • Настройте параметры лайтбокса ваших галерей

Цены: Этот плагин бесплатный из каталога плагинов WordPress. Вы также можете приобрести расширения для него (англ) на веб-сайте разработчика.

5. YouTube Gallery

Плагин YouTube Gallery.

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

Плагин YouTube Gallery в действии.

С Video Gallery — YouTube Gallery вы можете создавать адаптивные коллекции видео. Вы можете установить связь с несколькими видео платформами, включая YouTube и Vimeo, добавлять эффекты к миниатюрам, включать лайтбоксы и многое другое. Кроме того, вы можете разместить свои видеогалереи в любом месте на своём сайте, используя простую систему шорткодов.

Ключевые особенности:
  • Извлекайте видео с YouTube, Vimeo или файлов вашего сайта
  • Разместите свои видео галереи вручную или используя шорткоды
  • Выберите из нескольких тем и макетов для ваших галерей

Цены: Этот плагин является полностью бесплатной опцией.

6.Photo Gallery

Плагин Photo Gallery.

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

Плагин Photo Gallery в действии.

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

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

Ключевые особенности:
  • Добавьте несколько эффектов наведения и перехода в ваши галереи
  • Распределите ваши изображения по категориям и включите навигацию в галерее WordPress.
  • Добавляйте видео и кнопки социальных сетей в свои галереи WordPress.
  • Включите отложенную загрузку

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

7. Envira Gallery

Плагин Envira Gallery.

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

Плагин Envira Gallery в действии.

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

Ключевые особенности:
  • Создавайте галереи WordPress с помощью встроенного мастера
  • Выберите из нескольких шаблонов галереи
  • Настройте слайд-шоу изображений
  • Добавьте функции обмена социальными сетями в ваши галереи
  • Расширьте функциональность плагина с помощью дополнений

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

Заключение

Галерея WordPress — это простой, но полезный элемент. Процесс настройки WordPress галереи прост, хотя вы можете потратить немного времени на выбор изображений для включения. Когда ваша галерея WordPress готова, вам нужно просто разместить её на своем сайте. Конечно, вы также можете использовать специальный плагин галереи для WordPress, чтобы получить больше возможностей для настройки.

У вас есть опыт и вы знаете, как создаётся галерея WordPress? Расскажите о нём в разделе комментариев!

Anna

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

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

Нажмите здесь, чтобы оставить комментарий

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Начните экономить сейчас!

Хостинг и доменное имя от

42
00
грн/мес