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

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

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

Первое, что вам нужно сделать, это новая публикация на сайте. С другой стороны, если вы хотите добавить её в уже существующую публикацию, то просто перейдите в режим редактирования записей. Как только вы окажетесь на странице редактора, кликните по кнопке «-Добавить медиафайл»-.

кнопка

Эта кнопка откроет перед вам загрузчик медиафайлов. Теперь вам нужно кликнить по ссылке «-Создать галерею»-, которые вы можете видеть в левой части экрана. Чтобы добавить картинки, вы можете либо загрузить их с компьютера, либо выбрать уже загруженные. Вы можете просто выбрать фотографии, которые должны быть представлены в галерее. Они будут отмечены специальном знаком, который можно видеть на скриншоте, представленном ниже.

вставка картинок в галерею

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

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

код

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

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

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

Отображаем в виде карусели

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

Сначала вам нужно установить и активировать плагин Gallery Carousel. Как только вы активируете его, он сразу же будет готов к работе, и вам не нужно будет что-либо настраивать. Просто откройте свою публикацию с галереей и нажмите по изображению в галерее, чтобы увидеть карусель в действии. Либо вы можете ознакомиться с галереей изображений, представленной ниже:

так выглядит галерея

Вы можете внести некоторые изменения в настройки плагина. Чтобы настроить его, пройдите в меню Параметры >- Медиафайлы, и пролистайте до Image gallery carousel. Здесь вы можете установить черный, либо белый фон для режима просмотра карусели. Либо отключить данные или даже саму карусель.

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

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