Сьогодні покажу вам, як створити просту фотогалерею для Drupal 7 за допомогою модулів views та colorbox. Галерея буде виводити все картинки з певного поля типу матеріалів в заданій кількості з посторінковою навігацією. Давайте не будемо мучити, а приступимо до встановлення.
Для реалізації задуманого нам будуть потрібні наступні модулі:
Отже, скачайте дані модулі і встановіть їх в папку sites / all / modules крім плагіна colorbox, сам плагін потрібно вставити в папку sites / all / libraries / colorbox / файли плагіна, тобто потрібно розпакувати плагін колорбокс в папкe / libraries і перейменувати директорію в colorbox, якщо у вас немає папки libraries, то її потрібно створити.
Всі модулі встановлені, тепер їх потрібно включити на сторінці управління модулями. Тепер створимо пресет для виведення зменшеного відображення картинки в нашій галереї, для цього проходимо в «Конфігурація -> Стилі зображень» і додаємо новий стиль, назвемо його «gallery». Далі слід вибрати ефект для нашого пресету, вибираємо «Масштабування і обрізка» і задаємо ширину - 170 пікселів, а висоту 190 пікселів.
Тепер створимо тип матеріалів, який назвемо gallery, додамо до нього поле «Зображення» з машинним ім'ям «images». Далі в настройках поля слід вказати кількість значень - не обмежена.
Створимо сторінку типу матеріалів Галерея з будь-яким заголовком, я назвав її Фотозвіт і додамо до неї зображень штук 10 - 20. Тепер можна переходити безпосередньо до налаштувань Views.
Створимо нове уявлення з наступними настройками:
- Ім'я вистави «Галерея», машинне ім'я «gallery».
- Показати вміст типу матеріалів «Gallery».
- Створимо сторінку для відображення, вкажемо заголовок «Галерея»,
- Шлях - «gallery-views».
- Формат відображення - сітка з поля.
- Елементів для відображення -10
- Використовувати посторінкову навігацію.
Натискаємо «продовжити редагування».
Нам залишається поправити лише кілька пунктів, щоб наша галерея заробила так як потрібно.
Видалимо поле «заголовок», яке було створено за замовчуванням модулем views.
Додамо нове поле - Вміст: Зображення, З'являється в: node: gallery.
В налаштуваннях вкажемо:
- Зняти галочку з пункту «Створити мітку».
- Засіб форматування -Colorbox.
- Content image style (Стиль зображення вмісту) - gallery.
- Спустимося трохи нижче до вкладки «настройка множинного поля» і знімемо галочку з пункту «Показувати всі значення в одну лінію», для того щоб у нас з'явилася посторінкова навігація.
Тепер можна зберегти настройки поля.