Как отображать фотографии WordPress в столбцах и строках

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

Зачем вам нужны фотографии WordPress в столбцах и строках

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

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

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

Сказав это, давайте посмотрим, как отображать фотографии WordPress в столбцах и строках.

1. Отображение фотографий в столбцах и строках без плагинов

Этот метод не требует установки какого-либо нового плагина на вашем сайте. Если вы не добавляете несколько фотографий слишком часто, это подойдет вам.

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

Далее вам нужно загрузить все фотографии, которые вы хотите отобразить в строках и столбцах. После загрузки вы увидите ваши фотографии в медиа-библиотеке.^

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

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

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

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

После этого вам нужно нажать на кнопку вставки галереи, и WordPress вставит галерею в ваш блог.^

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

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

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

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

Например, внешний вид фотографий зависит от вашей темы WordPress, и вы ограничены одним конкретным макетом и стилем.

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

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

2. Отображение фотографий в столбцах и строках с помощью плагина

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

Envira Gallery является одним из наших премиальных плагинов WordPress, и цена начинается от 19 долларов за лицензию для одного сайта.

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

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

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

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

После загрузки фотографий они появятся в окне настроек галереи ниже.^

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

В разделе «Количество столбцов галереи» вы можете выбрать количество столбцов для ваших фотографий.^

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

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

Теперь вам нужно отредактировать сообщение или создать новое. Вы увидите новую кнопку «Добавить галерею» в верхней части редактора сообщений.^

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

Плагин теперь добавляет шорткод галереи в редактор сообщений.

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

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

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

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