Урок 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)
- 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
- Затем рядом с 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 для создания блогов — подборка блоговых модулей.
