Создание галереи с помощью модулей drupal views и cck

Урок 4. Тестирую слайдер views_nivo_slider на drupal 6.14 и 6.19, все модули предварительно русифицирую – комфорт полный!

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

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

Подключаем все нижеперечисленные модули и не забываем дать полные права доступа к ним на странице /admin/user/permissions.

Напоминаю, что модули нужно устанавливать в директорию ваш_сайт.ру/sites/all/modules.

Нам понадобятся эти модули:

CCK (Content Construction Kit) ]]>https://drupal.org/project/cck]]>
Views ]]>https://drupal.org/project/views]]>
Nivo Slider ]]>https://drupal.org/project/views_nivo_slider]]>
Слайдер зависит от модуля  Jquery Update ]]>https://drupal.org/project/jquery_update]]>
Imagecache  -  позволяет автоматически генерировать несколько вариантов одной картинки с разными размерами. ]]>https://drupal.org/project/imagecache]]>
Imageapi  ]]>https://drupal.org/project/imageapi]]> 
FileField  - позволяет прикреплять к контенту файлы, скачивается отдельно.
]]>https://drupal.org/project/filefield]]> 
Image Field ]]>https://drupal.org/project/imagefield]]>  
Link Field ]]>https://drupal.org/project/link]]>

С этого момента начинаем знакомство с модулем CCK

В типе материалов создаем поле «Изображение» на странице /admin/content/types/add.

Прим. Вместо «изображение» можно давать любое название, например, «слайдер» и создавать много других типов.

Для этого  проделаем следующие действия:

1 шаг. Создание типа материала в CCK

1)  Создать новый тип содержимого
2) Название – должно быть понятным для человека (например: Рекомендуемые Слайдер,  Slider, Изображения и т.д.)
3)  Дайте (machiene) машинное имя  (например: featured_slider или иное)
4)  Описание этого типа содержимого. (Например: Главная страница Slider, собственное – для чего служит этот тип содержимого).
5) Жмем сохранить тип содержимого. Предварительно, при желании можно установить дополнительные настройки.
Итог, мы добавили новый тип содержимого, (Рекомендуемый Slider)

2 шаг. Добавление полей в CCK.

Параметры поля
Нажмите на поле управлять manage fields  и добавлять новые поля. (/admin/content/node-type/Ваш_тип_содержимого /fields)

1.  Image Field - поле изображения

New Field> Label: Image – перевод:  Новое поле> Label: Image,

Field Name: field_image – перевод: Имя поля: field_image,   !!!!! Здесь внимательно, префикс field_ уже есть.

Type of data to store: File – перевод: тип данных для хранения: Файл,

Form element to edit the data: Image – перевод: элемент формы для редактирования данных: изображения.

2. Link Field - поле ссылки

New Field> Label: Link -  перевод: Новое поле> Label: Link,

Field Name: field_link -  перевод: Имя поля: field_link,

Type of data to store: Link - перевод: тип данных для хранения: Ссылка,

Form element to edit the data: Link - перевод: элемент формы для редактирования данных: ссылка.

3-й шаг. Создание правил в ImageCache

Теперь создадим  две предустановки изображения.
Administer - Site building - ImageCache  (Управление - конструкция сайта - ImageCache).  Страница /admin/build/imagecache
Добавим новые правила:
original-image для оригинальных изображений; 
thumb-images для превью.
Вы можете изменить размер настройки размера изображения для оригинальных и превью изображений.

Для каждого доступны следующие действия:
Добавить Crop – Обрезка образа в прямоугольник.Указывается длина и ширина и отступы слева, справа. Режет как попало.
Добавить Deprecated Scale – Масшатабировака и обрезка. Лучше, но искажение есть.
Добавить Desaturate - Преобразовывать образ в черно-белое изображение.
Добавить Resize - Менять размеры образа. Обрезает как попало по вашим размерам.
Добавить Rotate - Добавить Сдвиг - Вращает образ.
Добавить Scale  - Добавить Шкалу - Меняет размеры образа, поддерживающий оригинальный аспект-коэффициент (необходима только одна величина). Уменьшение, например, на 50% пропорционально. самая корректная обрезка для разнообразных картинок. Но не приводит к одному размеру.
Добавить Scale And Crop - Менять размеры образ поддерживая отношение свободной длины к высоте, затем обрезатьэто в определенных измерениях. Как попало.
Добавить Sharpen – Оттачивать образ, используя unsharp маскирование.

4 шаг. Загрузка картинок для слайдера.

 
Создаем страницу с фотками, картинками для слайдера – лучше приготовить заранее картинки одного размера, например, 500х400.
Для этого заходим – создать материал (/node/add)– изображение.
Внизу страницы для этого типа материала у нас появились новые поля для загрузки изображений, написания заголовков и вставки ссылок. Воспользуемся этими формами и загрузим картинку.
Прим. Для каждой картинки создается отдельная страница.

Что имеем на данный момент? Теперь нам стало понятно, как создать новый тип материала в cck и это оказалось не сложно. А с различными настройками надо играться.

5 шаг. Знакомство с Views

Следующий серьезный шаг – разобраться с модулем Views, а точнее познакомиться с ним на примере слайдера.

Прим. Views – иначе представления  - нужно добавить поле "Изображение"  латиницей.
Мы находимся на странице Administe - Site building - Views – добавить  или на русском языке Управление – Конструкция сайта – Представления - добавить

Вписываем:

View name:  Имя представления - featured_slider
View description:  Описание представления - Slider Views
View tag: теги -  Slider
View type: Тип представления – Node (материал)

Жмем далее.

Перед нами общие настройки, /admin/build/views/edit/featured_slider

1. Затем рядом с Fields - Поля –  жмем кнопку с плюсиком добавить и выбираем в Groups - (группы) Node. Ставим галочки.

Выбираем Материал:
Заголовок Title - Материал: Заголовок и жмем добавить. А затем в появившихся внизу страницы формах (По умолчанию: Configure field Материал: Заголовок) нужно просто удалить «Название» в разделе Label – Метка.
Жмем обновить.

На заметку: все эти поля найдете чуть ниже на этой же странице. Теперь повторяем первый шаг, но вписываем разные данные.

2. Рядом с полем Fields – Поле  жмем кнопку добавить материал – выбираем в Groups в выпадающем меню Таксономия - Содержимое (здесь перевод может быть различным) : Image (field_image).

Жмем добавить.

Внизу страницы опять появляются настройки: По умолчанию: Configure field Содержимое: Image (field_image)

Здесь ставим галки:

Label: Widget label (image) – перевод: Метка – Widget label (image)
Format: Image – перевод: Формат – Image 
Жмем обновить.

3. Рядом с Fields (Поля) жмем кнопку-плюсик добавить. Из выпадающего меню Groups выберите Таксономия  (содержимое), а затем выберите  Содержимое: Ссылка (field_link).

Жмем добавить.

В конфигурации Configure field Содержимое: Ссылка (field_link)
Ставим галочки:
Link this field to its node: Enabled - Включено
Label: None – Метки - Отключено
Format: URL, as link
Жмем обновить.

Теперь будем создавать фильтры в Views.

1) Filters, жмем плюсик (добавить)
Из выпадающего меню в Groups ( Группы), выберите  Node - Материал,
Node: Published. -  перевод: Материал: Опубликовано.

Жмем добавить.
На следующем скрине: По умолчанию: Configure filter Материал: Опубликовано
Установить следующий флажок: Опубликовано – Да.

Жмите обновить.

2) Нажмите на кнопку "+" рядом с Filters (Фильтры).  Из группы выпадающего меню выберите Node

Ставим галочку

Материал: Тип

и жмем добавить.

Ниже в конфигурации По умолчанию: Configure filter Материал: Тип
отмечаем:

Operator: Is one of - Оператор
Node type: Featured Slider – Тип материала – Изображение (Здесь, как Вы сами назвали этот тип содержимого).
Обновить.

Задаем стиль "Views Nivo Slider".

!) Для этого нажимаем на Style (стиль), он подсвечивается и внизу страницы появляется выбор настроек: По умолчанию: How should this view be styled
Выбираем из предлагаемых вариантов  Views Nivo Slider.

Жмем Обновить.

Рядом со стилем есть значок – изменить настройки этого стиля.
По умолчанию: Style options - жмем и заполняем так:

Image field Preset: original – для оригинальных изображений.
ImageCache presets for use in thumbs: thumbs – для превью.

Жмем обновить.

Далее нам необходимо установить Row style

Row style: Поля
Кликните рядом с Row style на ссылку поля, просмотрите внизу настройки.
Выбираем Views Nivo Slider.
Обновить.

Затем нажимаем на значок – изменить настройки стиля и
установаем следующие параметры:

Image field: Content: Image (field_image)

На русском - Изображение поля: Содержание: Image (field_image)

Title field: Title - перевод: Название поля: Название
Link field: Content: Link (field_link) - перевод: Поле "Ссылка: Содержание: Ссылка (field_link)
Нажмите кнопку Обновить и затем нажмите кнопку Сохранить.

6 шаг. Добавим новое представление – Блок с помощью Views

Наконец подошли к заключительному этапу.

Далее нам нужно настроить созданный Views, чтобы показать, как Блок.

Слева вверху выберите блок и нажмите кнопку Add display (дисплей добавить) и сохранить.
Теперь мы увидим и в списке представлений  вновь созданный Views, и в списке блоков новый featured_slider блок.  Зайдите в список блоков и перетащите его в нужный регион - место, в котором должен отображаться.

Если вы хотите показать слайдер только на главной странице, то настройте его, нажав на ссылку конфигурации, а затем из

Показать блок на определенных страницах: выберите Показывать только на перечисленных страницах и типа <front> он будет показывать только на главной странице.

Прим. Тестирование в друпал 6.14 прошло удачно, а в друпал 6.19 не так все гладко. Когда найду решение, то допишу здесь же.

Статьи для изучения cms drupal:

Создание сайтов на drupal - общие понятия для новичков.

Выбор версии и установка drupal - как русифицировать друпал и модули к нему.

Модули drupal для создания блогов - подборка блоговых модулей.