Все мы прекрасно знаем (а кто не знает – тому предстоит сильно удивиться), что WordPress – прекрасная платформа, легкая в освоении и подходящая для проектов практически любого уровня
На WP можно создавать блоги (что естественно), сайты, варезники, порталы, социальные сети, файловые хранилища и интернет-магазины. Сегодня же (а так же – в последующих статьях цикла) я хочу рассказать о том, как на WordPress создать галерею изображений, которая не будет уступать по функциональности отдельным движкам галерей.
Для создания галерей фотографий и прочих картинок у WordPress имеются многие десятки плагинов с разным функционалом. Я не буду рассматривать их все (это бесполезно), а остановлюсь на том, который сам использую на сайте заказчика. Так как я сам о плагине узнал не так давно – разобраться досконально во всех тонкостях мне пока не удалось, но галерея уже функционирует, и о том, как создать ее в таком виде я и расскажу (ну а параллельно с более глубоким освоением плагина буду писать новые части мануала).
Давайте сделаем небольшое лирическое отступление. Сайт заказчика представляет собой проект околовампирской тематики (вы же знаете, что творится среди школоты при упоминании слова «Сумерки» – вот на этой популярной теме и планируется подзаработать) с полноценным форумом – в итоге планируется превратить сайт в портал, охватывающий максимум аспектов по близким к вампирам темам. Неудивительно, что на таком сайте понадобилась галерея фотографий.
Реализована галерея (если быть совсем честным – она находится в процессе реализации ) с помощью плагина NextGEN Gallery (его можно скачать прямо в консоли из репозитория WordPres). Кратко суть происходящего в следующем: создается страница галереи, где будут размещаться превью (она создается в полуавтоматическом режиме средствами плагина), соответственно – ссылка на нее появляется в меню навигации из списка страниц. Я же еще добавил фотографию Паттинсона в сайдбар, с которой ссылка так же ведет на галерею. Скорее всего, я просто не до конца разобрался, но пока что навигация по галереям сделана вручную – просто добавлены ссылки на разделы галереи (есть, например, главная страница галереи, а с нее – проставлены ссылки на другие страницы, являющиеся страницами второго уровня ). Несколько сумбурно, но смысл в том, что я создал, так сказать, место хранения превью, а плагин – располагает их красиво и добавляет эффекты (тени, разворачивание полной картинки и т. д.).
Структура галереи, которая должна получиться, такова:
Ссылка с главной страницы (и не только – из сайдбара вообще) ведет на первую страницу галереи, представляющую собой как бы сайт внутри сайта – со своей навигацией и подстраницами;
С первой страницы галереи проставлены ссылки на подстраницы (например – на галерею со снимками Роберта Паттинсона), кроме того – на первой странице располагаются фотографии более общего порядка – просто по околовампирской теме, чтобы желающие могли посмотреть что-то, не зарываясь сильно глубоко, а если понравится – уже копать глубже;
С внутренних страниц галереи стоят ссылки на уровень выше и на главную страницу галереи (чтобы не нагружать каждую страницу постоянно разрастающейся (так планируется, во всяком случае) навигацией и вместе с тем – иметь понятную структуру);
Теперь давайте разберем, как создать главную страницу галереи на WordPress (этой информации вам уже будет достаточно, если вы хотите сделать одноуровневую галерею с десятком-другим фотографий). Для этого нам придется сначала разобрать пункты меню управления плагином NextGEN Gallery (кто не знает английского – тем будет труднее, но по моей инструкции можно будет разобраться и им).
После установки и активации плагина NextGEN Gallery его меню появляется в самом низу сайдбара админки, под Параметрами.
Что значат его пункты:
- Owerview – обзор, на этой странице мы видим число галерей, альбомов (о них позже) и загруженных изображений;
- Add Gallery / Images – добавить галерею или изображения – с этой кнопки начинается создание первой галереи, куда мы потом с ее же помощью будем добавлять и картинки;
- Manage gallery – управление созданными галереями, изменение настроек;
- Album – управление альбомами, создание и изменение существующих;
- Tags – управление тегами, используемыми в описаниях изображений;
- Options – опции, много различных настроек, начиная от адреса галереи и до накладывания ватермарка и настроек слайдшоу;
- Style – изменение CSS галереи – можно подогнать под свой дизайн, хотя она сделана так, что по умолчанию вписывается в любой, но можно и подправить, что не нравится;
- Roles – с помощью этого пункта можно установить роли пользователей, которые смогут работать с галереей (создавать/удалять изображения, альбомы и галереи);
- About – «спасибо бабушке, родившей моего папу, который встретился с моей мамой и родил меня» и прочие «спасибо», очень большой список
- Reset | Uninstall – Сброс / Деинсталляция – тут, думаю, все и так ясно.
Чтобы создать новую галерею – нужно пройти в меню Add Gallery / Images -> Add new galery:
Выбираем название и жмем Add gallery (можно писать по русски – название будет транслитерировано). После этого вас перекидывает на первый пункт: Upload Images – теперь можно в новую галерею загрузить фотографии. Загружать можно несколько файлов сразу, правда – выбирать надо по одному, но они будут «складываться» друг под другом и потом загрузятся все вместе. Если вам нужно загрузить очень много картинок – используйте пункт Import image folder – загружайте прямо папку с изображениями.
После того, как все требуемые изображения загружены, переходим на вкладку Manage Gallery:
Как видно из скриншота, для созданной мной новой галереи «Дракула» , Page ID = 0 (это потому что страница галереи еще не была создана), а Quantity = 1 (это число загруженных в галерею изображений). Чтобы галерее был присвоен уникальный ID, нужно создать ее страницу – жмем на название галереи и попадаем к настройкам:
Вот делая сейчас все пошагово, я сам начинаю проникаться мощью плагина и понимать то, чего не понимал, когда создавал самую первую галерею методом тыка. Но, раз уж договорились, что описываю сейчас, как получить то, что у меня вышло на сегодня на вампирском сайте – дополнительные возможности пока опустим.
В меню управления галереей нам первым делом нужно создать страницу галереи (не забудьте добавить описание – SEO никогда еще не было лишним ): в Create new page оставляем Main page (No parent) – тогда создаваемая страница будет корневой, если уже имеются другие страницы – можно выбрать нужную и новая страница встанет под нее. Определились? Жмем Add page. Теперь для интереса можно снова пройти в Manage Gallery и посмотреть, какой ID присвоен новой галерее. Зайти в новую галерею и посмотреть, что получилось, можно прямо из списка страниц на Главной странице сайта. Так выглядят превью на странице галереи:
А так – фотография после нажатия на нее (чернота скрывает вылезший на картинке ватермарк ):
Собственно, как я и говорил – уже одной этой статьи достаточно, чтобы создать красивую галерею на WordPress. Но выйдет еще минимум одна, в которой я постараюсь рассказать, как сделать качественную линковку внутренних страниц галереи, использовать эффекты для превью и прочие мелочи, от которых ваша галерея станет только лучше и красивее.