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

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


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

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

Прыгать в:

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

Способ № 1: Использование FooGallery

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вставка галерей в сообщения

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

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

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

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

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

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

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

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

Улучшение FooGallery

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Галерея портфолио от Huge IT

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

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

Instagram Feed WD

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me