Хотите ли вы отображать фотографии WordPress в столбцах и рядах? По умолчанию WordPress добавляет изображения в вертикальную колонку друг над другом. Однако если вы добавляете несколько фотографий в запись блога, то это выглядит не очень чисто и требует много прокрутки для ваших пользователей. В этой статье мы покажем вам, как легко отображать фотографии WordPress в столбцах и рядах.
Почему вам нужно отображение фотографий WordPress в столбцах и строках
По умолчанию, когда вы добавляете несколько изображений в пост WordPress, они появляются рядом друг с другом или друг над другом.
Это выглядит не очень хорошо, и вашим пользователям придется много прокручивать страницу, чтобы просмотреть несколько изображений и фотографий.
Вы можете легко решить эту проблему, отображая фотографии в рядах и столбцах с помощью макета на основе сетки. Таким образом, изображения будут отображаться в компактном макете и улучшат пользовательский опыт на вашем сайте.
Сказав это, давайте рассмотрим, как отображать фотографии WordPress в столбцах и строках.
1. Отображение фотографий в столбцах и строках без плагинов
Этот метод не требует установки нового плагина на ваш сайт. Если вы не добавляете много фотографий слишком часто, то это будет работать просто отлично для вас.
Во-первых, вам нужно создать новый пост или отредактировать существующий, в котором вы хотите отобразить свои фотографии. На экране редактирования поста нажмите на кнопку ‘Добавить медиа’, чтобы запустить всплывающее окно загрузчика медиафайлов WordPress.
Далее вам нужно загрузить все фотографии, которые вы хотите отобразить в строках и колонках. После загрузки вы увидите свои фотографии в медиатеке.
Изображения, которые вы только что загрузили, уже будут выбраны. Если вы хотите включить любые ранее загруженные фотографии, то вы можете выбрать и их, просто нажав на них в медиатеке.
После этого вам нужно нажать на ссылку «Создать галерею» в левой колонке и затем нажать на кнопку «Создать новую галерею».
Теперь всплывающее окно изменится и покажет опции настроек галереи.
Вы можете выбрать количество колонок, ссылку на каждое изображение, размер изображения, а также случайный порядок отображения.
После этого нужно нажать на кнопку «Вставить галерею», и WordPress вставит галерею в сообщение вашего блога.
Если вы хотите изменить количество колонок или другие настройки, то вам просто нужно нажать на фотографии в редакторе постов.
WordPress выберет вашу галерею, и вы сможете нажать на значок карандаша, чтобы отредактировать настройки галереи.
Вот и все, вы можете продолжить написание поста или сохранить изменения. Теперь вы можете предварительно просмотреть пост, чтобы увидеть свои фотографии в строках и колонках.
Этот метод подходит для большинства новичков. Однако, если вы ведете блог о фотографии или часто делитесь фотографиями на своем сайте, то этому методу не хватает нескольких важных функций.
Например, внешний вид фотографий зависит от вашей темы WordPress, и вы ограничены одним конкретным макетом и стилем.
Ваши изображения не будут открываться во всплывающем окне lightbox, и пользователям придется загружать их как новую страницу, а затем нажимать кнопку «назад», чтобы вернуться на исходную страницу.
Для более профессионального и красивого пользовательского опыта вам стоит попробовать метод плагина.
2. Отображение фотографий в столбцах и строках с помощью плагина
Первое, что вам нужно сделать, это установить и активировать плагин Envira Gallery. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.
Envira Gallery — один из наших премиум-плагинов WordPress, цена начинается от $19 за лицензию на один сайт.
После активации вам необходимо посетить Envira Gallery » Настройки страница для ввода лицензионного ключа. Вы можете получить этот ключ из своей учетной записи на сайте Envira Gallery.
Теперь вы готовы к созданию красивых галерей изображений.
Перейдите в раздел Envira Gallery » Добавить новый чтобы создать свою первую галерею.
Вы можете выбрать и загрузить файлы с вашего компьютера, или выбрать из медиатеки WordPress.
После загрузки фотографий они появятся в окне настроек галереи ниже.
Далее вам нужно перейти на вкладку config, чтобы настроить отображение фотографий.
В разделе «Количество колонок галереи» вы можете выбрать количество колонок для ваших фотографий.
Вы также можете указать точный размер миниатюр, которые вы хотите отображать, и расстояние между изображениями в колонках.
После этого вы можете нажать на кнопку публикации, чтобы ваша фотогалерея была готова к добавлению на ваш сайт WordPress.
Теперь вам нужно отредактировать пост или создать новый. Вы заметите новую кнопку «Добавить галерею» в верхней части редактора постов.
При нажатии на нее появится всплывающее окно, в котором нужно выбрать только что созданную галерею и нажать на кнопку вставить.
Теперь плагин добавит шорткод галереи в редактор постов.
Вы можете сохранить свой пост и просмотреть его, чтобы увидеть свои фотографии в столбцах и рядах в красивой фотогалерее, реагирующей на мобильные устройства.
Теперь, когда ваши пользователи будут нажимать на миниатюру фотографии, она будет открываться в красивом всплывающем окне. Они также смогут просматривать изображения, не покидая страницу.
Надеемся, эта статья помогла вам узнать, как отображать фотографии в WordPress в столбцах и рядах. Вы также можете ознакомиться с нашим руководством о том, как исправить распространенные проблемы с изображениями в WordPress.
Источник: www.wpbeginner.com