Как создать галерею в WordPress? Полезная инструкция для новичков

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

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

Встроенная галерея WordPress

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

Рассмотрим её создание на примере кулинарного сайта:

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

    Файлы для загрузки в библиотеку можно выбрать на своём компьютере или в интернете и перетащить в это окно (цифра 3).

    После загрузки нужно подписать каждое изображение и указать атрибут Alt, затем выбрать все файлы, предназначенные для галереи, и нажать кнопку «Создать галерею» в нижнем правом углу (цифра 4).

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

    В правой части экрана выбирается число колонок. В нашем случае их будет 4, а вообще можно выбрать от 1 до 10, тогда разные галереи на сайте будут выглядеть по-разному.

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

  5. После нажатия кнопки «Вставить галерею», в редакторе административной панели она будет выглядеть вот так:
    Вставить галерею
  6. После опубликования страницы с wordpress галереей изображений, на сайте она будет выглядеть следующим образом:
    выглядит на сайте
  7. Если в расположении картинок что-то не устраивает и хочется поменять их местами, то нужно нажать на пиктограмму галереи (на рисунке ниже она окружена красными стрелками) и затем нажать кнопки редактирования или удаления, если вдруг результат не понравился или захотелось создать фотоальбом заново:
    фотоальбом заново

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

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

Галерея для WordPress при помощи плагинов

Наиболее удобный плагин галереи для wordpress, который будет полезен и для всех других изображений сайта это плагин Image-zoom, увеличивающий размер картинок.

После установки его следует слегка подкорректировать, выбрав опцию «Настройки»:

плагин галереи для wordpress

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

Созданная с его помощью фотогалерея для WordPress выглядит впечатляюще, а просматривать фото более удобно как в ручном, так и в автоматическом режиме:

фотогалерея для WordPress

При создании компактной галереи часто используют плагин Image Horizontal Reel Scroll Slideshow. Уже из его названия ясно, что галерея будет располагаться и прокручиваться только горизонтально, не занимая лишнее место по вертикали страницы.

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

Удобный плагин галереи для wordpress NextGen Gallery выбирают многие пользователи. Новичкам он может показаться сложным, но разобраться в нём не так сложно, как кажется. Все картинки для него нужно загружать в специальную папку wp-content/gallery.

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

NextGen Gallery

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

Любой пользователь сможет найти и выбрать необходимый плагин, набрав в поиске запросы: «фотогалерея wordpress плагин» или «wordpress галерея изображений». Можно поочерёдно установить несколько разных плагинов на локальном сервере, проверить их функционал, а затем выбрать наиболее подходящий именно для вас.

Для небольшого слайдера подойдёт лёгкий плагин Content Slide. Плагин Featured Content Gallery имеет более громоздкую настройку, но с его помощью можно выводить галерею постов. Для этих же целей подойдёт плагин Featured Posts Grid.

Галереи можно создать не только для картинок, фотографий и постов с помощью плагинов галереи для wordpress, но и для видео, используя специальные плагины, например, WordPress Video Gallery или уже упоминавшийся плагин NextGen Gallery.

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

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

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

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

Удачи Вам!