Вы здесь

Галерея на Друпал (CCK, Views Galleriffic)

Задача простая - сделать галерею-портфолио на друпале с  возможностью сделать для каждой работы альбом с фотографиями (разные ракурсы, разные предметы в комплекте). Грубо говоря для каждой работы имеется некоторое количество фотографий, скажем от 3 до 25. Перепробовав самые разные варианты, в итоге остановилась на союзе CCK + Views Galleriffic.

Итак, для галереи один тип материала, парочка пресетов в ImageCache и одна вьюса.

Для начала убеждаемся в том, что у вас установлен Drupal и включены модули:

  • Content (CCK),
  • FileField,
  • ImageField,
  • Views,
  • Views UI,
  • Views Attach,
  • Views Galleriffic,
  • ImageAPI,
  • ImageAPI GD2,
  • ImageCache,
  • ImageCache UI,
  • Taxonomy.

Теперь создаем новый тип материала, например Work Gallery. Добавляем в управлении полями (manage fields) новое поле для фотографий (тип данных - файл, элемент - image). В настройках поля указываем неограниченное число элементов и включаем описания для изображений. В отображении полей (display fields) для аннотации выбираем миниатюры со ссылкой на материал, для полного материала - значение скрыто (hide).

Далее - нужно создать два пресета ImageCache для отображения превьюшек и фотографий.

Я в названиях пресетов ImageCache использую размеры, например "100x100" (естественно x - латинская, а не русская). Возможно, это не вполне эстетично, зато при выборе пресета сразу видно размеры, если пресетов используется много - это удобно, на мой взгляд.

Итак, для превьюшек делаем пресет 80x80 (scale and crop), для полных изображений - 500 (ширина 500, высоту не указываем, действие Scale), так сохраняются пропорции и вертикальных, и горизонтальных фотографий. Ширину выбирать надо так, чтобы по горизонтали на странице умещались одна или две колонки с превьюшками и полное изображение, плюс отступы между ними. (По умолчанию в галерее будет одна колонка с превьюшками, в два столбца их можно построить указав в css flot: left для элменетов (надеюсь плагин для firefox Firebag вам знаком, и css вы хотя бы немного знаете).

Для рубрикации создаем нужные словари и термины таксономии, у меня это два словаря - по годам и по типам работ. Привязываем тип материала для галереи к этим словарям.

Добавляем несколько записей с фотографиями и приступим к созданию views для галереи.

Создаем новое представление (views) с названием, например, gallery. Модуль Views Attach позволяет нам использовать вид представления Node Content, оно то нам и потребуется.

Скриншот (кликабельно)

Основные настройки:

Стиль: Galleriffic Gallery (в настройках отмечаете то, что вам надо, отключаете то, что не нужно; мне например не нужно слайдшоу, но нужен pager для превьюшек)
Стиль строки: Galleriffic Fields (в настройках для полей выставить соответствующие поля, которые мы добавили для вьюса)

Node Content Settings:

Node type - ваш тип материала

Аргументы:

Материал:Nid (в настройках аргумента: подставить аргумент по умолчанию - ID материала из URL - базовая проверка - скрыть представление)

Поля:

Содержимое: фото / 80x80 ссылка (выбираем пресет миниатюры с отображением ссылкой, у меня это 80x80 ссылка)
Содержимое: фото / data (описание)
Содержимое: фото / 500 ссылка (пресет для полной картинки в виде ссылки)
Содержимое: фото / data (заголовок)

Настраиваем сортировку, в фильтрах - выбираем нужный тип материала и только опубликованные.

Сохраняем, идем смотреть на результат. Ну а дальше - темизируем вывод галереи с помощью css.

Автора автора