Частный seo специалист - кто это и чем занимается ★★★★★ «Находит ошибки, которые съедают ваш трафик!» Хотите, чтобы ваш сайт не просто висел в сети, а приводил клиентов? Читайте и применяйте!

Создание галереи с помощью модулей 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 для создания блогов — подборка блоговых модулей.

Используя сайт, вы соглашаетесь на обработку персональных данных, включая cookie и анализ поведения, согласно нашей политике. Сайт носит информационный характер и не является офертой (ст. 437 ГК РФ)  

Прокрутить вверх

Услуги и цены носят информационный характер, показывают среднее в сегменте ру. Регионально отличается.

1. Тариф — Минимальный Бюджет На Продвижение От 25 000 Рублей В Месяц

Такой выбор хорошо подходит начинающим свой бизнес в интернете, часто имеющим молодой сайт. Но имейте ввиду, что проект с возрастом, но которым не занимались — тоже является стратегически молодым. Развитие сайта при этом будет стабильное, поступательное, но очень медленное. Вы заложите крепкий фундамент на перспективу! Можете выбрать любой срок работы с этим бюджетом, рекомендуется первый год или два, также можно работать долгосрочно.

2. Для Малого Бизнеса На Seo Продвижение От 35 000 Рублей В Месяц

Этот выбор предполагает, что сайт уже начинал продвигаться и имеет некоторый вес в глазах поисковых систем. Развитие портала плавное уверенное. Рекомендуется со временем переходить с минимального варианта на большие вложения, если захотите более активно продвигаться.

3. Средний — От 60 000 Рублей Для Бизнеса

Также предполагает, что работы по раскрутке велись. Развитие проекта будет со средней скоростью.

4. Доминирующий Вариант От 150 000 Рублей В Месяц Для Лидеров В Своем Бизнесе — Это Оптимальный Вклад

Такая сумма позволяет получить активное развитие веб-сайта по всем направлениям поискового продвижения и контекстной рекламы. А также обеспечить формирование репутации.

5. Специальное Предложение

Любой вариант всегда обсуждается.