Вход в систему

Урок первый. Работа с изображениями. Модуль Image cache.

   Для начала нам понадобится актуальная на момент написания урока версия Drupal — 6.14.
Также нам потребуются модули  Image cache, imageapi, CCK, imagefield и filefield.
    Копируем папки с этими модулями к себе на сервер в директорию modules (public_html -> sites -> all -> modules).
Далее нам необходимо подключить входящие в эти пакеты модули: Content, ImageField, FileField, Option Widgets. А также ImageAPI, ImageCache, ImageCache UI, и поддержку одной из библиотек, в зависимости от того, какая установлена у вас на сервере, в моем случае это ImageAPI GD2. Сохраняем.
Кстати, для работы Image cache требуется включить Clean URL.
     Для того, чтобы было удобнее работать с модулями, необходимо их русифицировать. Объясню на примере модуля Image cache:
    а. Скачиваем файл перевода модуля (адрес для скачивания http://drupaler.ru/translate/languages/ru/export).
Для этого в поле «проект» надо ввести Image cache -> нажать «выбрать проект» - > выбрать релиз 6.х-2.0-beta 10 (именно эту, последнюю версию модуля мы скачали и установили к себе на сервер) -> тип - перевод -> формат -  все в одном файле -> экспортировать -> В окне «Загрузка файла» - Сохранить -> Далее выбираем папку на компьютере, где будет сохранен файл перевода, а в поле «Тип документа» выбираем «Документ .ро» или «Все файлы» -> Сохранить.
    б. На нашем сайте идем: Управление -> Конструкция сайта -> Перевод интерфейса -> вкладка «Импорт». Нажимаем «Обзор», находим наш файл с переводом. Далее выбираем: Существующие строки останутся неизменными, только новые будут добавлены -> Импорт. Перевод благополучно добавлен.
Ту же процедуру русификации проводим со всеми модулями, которые мы установили ))).
    Теперь мы можем прикреплять к нашим материалам изображения. Давайте попробуем видоизменить тип содержимого story. Заходим в «Управление › Содержание› Типы материалов». Находим Story, и нажимаем «управлять полями», напротив него. Добавим поле с рисунком:  
Заголовок: Изображение
Название поля: image
Тип данных для хранения: Файл
Определите элемент для редактирования данных: Изображение.


Сохраняем, появляется окно настройки поля, можно оставить все по умолчанию, хотя настройки довольно таки интересны:
Допустимые расширения файлов для загрузки:  по умолчанию png gif jpg jpeg.
Максимальное / Минимальное разрешение для изображений:  значение в пикселях, по умолчанию 0, то есть можно загружать рисунки любых размеров, обычно забивается в формате 640x480.
Путь файлов: путь, куда будут загружаться изображения, по умолчанию «files/».
Максимальный размер одного закачиваемого файла:  здесь нужно указать максимальный вес изображения, который на ваш взгляд будет уместен на этом сайте.. Максимум 2 Мb.
Максимальный размер загрузки с одного узла:  общий предельный размер всех файлов, скачиваемых с одного узла. Если не хотите ограничений, ставьте 0.
Далее вы решаете, добавлять ли к рисункам свойство ALT.
А затем – добавлять ли к рисункам свойство Title.
Потом вы можете настроить изображение по умолчанию.
Ну и в завершении вы можете решить, сколько изображений пользователь может прикрепить к материалу.  Если поставите «Без ограничений», то можно будет прикреплять картинки еще и еще...

Я оставила все настройки по умолчанию. После сохранения, при создании Story, к ним можно будет прикреплять изображения. Получается так:

При помощи темизации вы легко сможете разместить картинку так, как вам нужно. Но если вы хотите подогнать картинку под какие-то, только вам ведомые, стандарты? Обрезать и масштабировать каждое изображение фотошопом, не совсем удобно... И тут на помощь приходит модуль Image cache. Помните, что мы предусмотрительно скачали, установили и русифицировали эти модули?
Теперь мы можем создавать новые наборы правил, или если вам будет проще, я бы назвала их «фильтрами». Заходим на страницу «Управление › Конструкция сайта › ImageCache». И нажимаем «Добавить новый набор правил».


Вводим имя набора правил:

 Сохраняем и попадаем на страницу выбора действий с изображением. К каждой картинке можно применить сразу несколько действий.

 

Добавить Crop — обрезать картинку.
Добавить Deprecated Scale — Предшественник «Добавить Scale And Crop», исчезнет в версии ImageCache 2.1.
Добавить Desaturate — Сделать изображение черно-белым.
Добавить Resize — изменить размер изображения.
Добавить Rotate — повернуть изображение.
Добавить Scale — изменить размер изображения, с сохранением пропорций.
Добавить Scale And Crop — Изменить размер изображения до нужного, с сохранением пропорций, а потом обрезать.
Добавить Sharpen — изменить четкость изображения.

Я задала скалирование (Scale) до 300 пикселей по ширине, и сделала изображение черно-белым.

    Давайте добавим еще один фильтр, например, со скалированием до 400 пикселей по ширине, и поворотом (Rotate) изображения на 180 градусов.
Вот что у меня получилось.
Первый фильтр, я назвала его One:


Второй фильтр, назвала Two:

 

Теперь давайте сделаем что бы этот фильтр накладывался на загружаемые нами изображения.
Зайдем в «Управление › Содержание › Типы материалов», нажмем «управлять полями», напротив типа Story, и там «Показать поля».


Здесь можно задать как будет отображаться наше изображение.
Выберем Заголовок — Скрыто, что бы убрать противную надпись «изображение», у краткой аннотации  — one изображение, то есть на изображение в тизере будет накладываться первый фильтр, и материал полностью — two изображение, т.е. на изображение в полной ноде будет накладываться второй фильтр.

Проверяем работу... В тизере исходное изображение уменьшено, и в черно-белых тонах.

 

А в полной ноде уменьшено и перевернуто на 180 градусов.

Как вы уже наверно поняли, Image cache в связке с CCK дает неограниченные возможности при умелом использовании, главное – не бойтесь пробовать что то новое -)

А тех, кто не любит русифицировать модули и предпочитает английский, прошу сюда http://remage.su/content/drupal-urok-dvenadtsatyi-rabota-s-izobrazheniyami-modul-image-cache. Собственно, это и есть оригинал урока, который помог мне разобраться с модулем Image cachе.

Спасибо Евгению.

И спасибо вам за внимание.

 

 

К нам присоединились )))

FizzyMoon
Karina
_piccanta_
la_speranza

Сейчас на сайте

Сейчас на сайте 0 пользователей и 1 гость.