Как создать фотогалерею средствами CMS Drupal (часть 2.3.1 – создание представления(views) в Drupal)

Сегодня мы будем формировать преставление изображений уже в виде похожим на галерею. Надеюсь ты уже создал несколько новых узлов того типа что мы определили в статье -Как создать фотогалерею средствами CMS Drupal (часть 2.2 – создание нового типа контента в Drupal) Если ты этого не сделай этого, то сделай.

Одним из самых мощных модулей в Drupal является модуль Views. Еще раз напомню у тебя уже должны быть включены модули как в статье-Как создать фотогалерею средствами CMS Drupal (часть 2.1 – выбор модулей Drupal) Модуль Views позволяет администратору сайта определить представление элементов пользователю, одним из этих представлений является сетка(grid), которым мы и будем пользоваться в дальнейшем. Также модуль Views позволяет еще и отфильтровать, что нам нужно показать, а что скрыть.

Для того что бы создать новое представление нужно выбрать в меню администратора Site building (см. рис.1а) далее Views(см. рис.1б). Выбрать пункт Add (см. рис.2а) появится диалог создания нового представления( views). Необходимо назвать наше новое представление в поле View name:(см. рис.3а) я ввел galery1, проверяем что выбрано Node(см. рис.3б) . И нажимаем кнопку Next(см. рис.3в)

Изменяем стиль отображения на сетку (grid), для этого нажимаем на ссылку рядом со Style(стилем): (см.рис. 4а) и меняем тип указав сетку (см. рис. 5а). Подтверждаем выбор нажав кнопку Next (см. рис.5б).

Теперь нам необходимо указать Drupal, что мы хотим видеть в нашем представлении. Для этого определим список полей. Поле это составная часть узла, полем считается все что имеет значение, например у любого типа контента есть поля Title(заголовок) и Body(тело или основное содержимое), а для нашего типа контента это поле photo1(которое принимает значение ссылки на фото).
Нужно нажать на плюсик рядом с Fields(Поля см. рис.4б) Теперь необходимо необходимо найти поле Content: title (field_photo1 см. рис.6а) прокрутив поля с помощью скролла(см. рис.6б), далее нужно подтвердить выбор нажав кнопку Добавить(см. рис. 6в)

В появившихся настройках для отображения поля нам нужно выбрать в разделе Label:(метка или в данном контексте как отображать название поля) значение None(не отображать см.рис.7а), а в настройках формат(Format:) выбираем значение LightBox 2(см. рис.7б). Поясню по поводу отображение формата, в данной опции мы определяем как и что мы хотим увидеть при нажатие на изображение. Возможные варианты:

• просто путь к файлу картинки
• картинку при нажатии переход на страницу узла(мы ведь можем не только картинку в узле прописывать, но и создавать и другие поля, например в описания например для картинки[что изображено на картинки, кто ее автор])
• картинку при нажатии переход на файл картинки
• также если задействовать модули Image Caсh и Image Caсh UI то можно создать различные редакторские версии для картинки(уменьшить ее масштаб для превью или подогнать под ширину)

В нашем случае нам нужно лишь показать всплывающую увеличенную версию картинки, на подобие той что и у меня в блоге. Не забываем нажать кнопку Update(см. рис.7в)

И последнее для нашей представления(Views) простой галереи нам осталось сделать всего один шаг, это установить фильтр. Фильтр нам нужен для того что бы отображать только поставленные на публикацию картинки, потому как любой тип контента мы можем и снимать с публикации.(например для будущего его изменения) Поэтому сейчас находим плюсик рядом с Filters(см. рис.7а) и нажимаем на него. Находим в списке, по аналогии с полями , Node: Published(см.рис.8а) отмечаем его птичкой. Подтверждаем выбор кнопкой Add(см.рис.8б) Говорим Drupal что значение свойства Published(опубликовано) должно быть yes(см. рис.9а) Жмем кнопку Update(см.рис.9б)

Не забываем нажать на кнопочку Save, что бы результаты трудов не были потеряны. Все представление готово в следующей статье по фотогалерее на Drupal мы будем его использовать.