amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Как создать галерею в WordPress с помощью функционального плагина

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

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

Как создать галерею в WordPress плагином FooGallery

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

Для того, чтобы начать делать галерею, перейдите в пункт консоли «FooGallery», который образовался после активации плагина, и откройте подпункт «Add Gallery». Здесь вы увидите редактор галерей. Рассмотрим каждую опцию:

В первую очередь введите заголовок для создаваемой галереи в самом верхнем поле.
Gallery items. В этой зоне следуют нажать на кнопку «Add media», чтобы добавить изображения в галерею. Картинки добавляют из медиабиблиотеки
Gallery Template. Здесь можно выбрать шаблон для галереи, то есть, определить её дизайн. Есть целых шесть красивых шаблонов, которые можно в разных случаях использовать эффективно.
Lightbox. Здесь можно выбрать эффект лайтбокса из двух вариантов. Для обоих вариантов потребуется установить дополнительный плагин. Напомним, что лайтбокс, это когда клик по картинке приводит к её увеличению на экране. Подробнее об этом здесь.
Spacing. Определяет пространство между картинками в галереи. Можно выбрать от 0 до 25 пикселей.
Alignment. Определяет ориентацию галереи – слева, справа, по центру.
Loading Indicator. Здесь можно включить индикатор загрузки изображений. Выглядит красиво.
Size. Задаётся размер миниатюры в созданной галерее в WordPress.
Link. Определяется ссылка для картинок, которая будет срабатывать при клике по ним.
Border Style. Задаётся вид границы.
Hover Effect Type. Определяет эффект при наведении мышки на миниатюры галереи.
Preview. Пересмотр настройки «Hover Effect Type».
Custom CSS. В этом поле можно задать собственный CSS код для создаваемой галереи.

Теперь вам удалось создать галерею в WordPress. Однако, это ещё не всё. Обратите внимание на правую колонку. Опишем опции, которые там есть, сверху вниз:

Публикация галереи.
Шорткод для вывода галереи в WordPress в записи/странице или в виджете.
Настройка поддержки retina-дисплеев.
Настройка сортировки изображений.

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

Узнайте о том, какие ещё плагины могут создавать галерею в WordPress.

Адель Гадельшин