Галерея для WordPress без плагина

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

WordPress

Как сделать галерею для WordPress

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

Откройте редактор записей или страниц, нажмите на кнопку в виде плюса, чтобы добавить новый блок и добавьте блок “Галерея”, который можно найти в поиске.

Галерея

Появится блок, в котором нажмите на кнопку “Библиотека файлов”.

Библиотека файлов

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

Выбор изображений

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

Изображения

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

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

Выбрать Галерея

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

Настройки

Во вкладке “Стиль” можно задать только фон.

Стиль

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

Чтобы включит лайтбокс, нажмите мышкой на фото и справа появятся настройки изображения. Включите опцию “Развернуть при нажатии”. Это нужно сделать для каждой картинки.

Развернуть при нажатии

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

В каких случаях следует использовать галерею WordPress

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

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

5 комментариев

Оставить комментарий
  1. Благодарю, Адель, за подробные шаги по созданию галереи!
    Всё ясно и понятно.
    Теперь обязательно сделаю.

  2. Харькова Инна Сергеевна

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

  3. Про галерею я не зафиксировала себе. Надо будет обязательно сделать. Тем более, что есть руководство к этому.

  4. Просто здорово! За два дня уже имею свой сайт. Адель, спасибо большое Вам и Вашей команде!

  5. Интересно – нужно попробовать.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *