Вставка изображений на странице в Drupal с помощью CCK

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

Для добавления изображений в узел Drupal используются модули:

Wysiwig API, для использования в форме тестового редактора,
CCK,
CCK Filefield, для модуля Imagefield
CCK Imagefield, для добавления изображений на страницу сайта,

Замечание.

В Drupal 7 модули CCK, CCK Filefield, CCK Imagefield, заменили стандартные модули, поставляемые с дистрибутивом системы: Field, Field SQL storage, Field UI, File.

ImageAPI, для модуля ImageCache,
ImageCache, для создания стандартных свойств добавляемых изображений,

Замечание.

В Drupal 7 модуль ImageCache заменил стандартный модуль, поставляемый с дистрибутивом системы: Image, модуль ImageAPI не требуется.

Filefield Insert, расширение модуля Imagefield для вставки изображений в форму,
Image Resize Filter, для изменения размеров изображений,
jQuery Update, для Colorbox,
Colorbox, для просмотра увеличенных изображений в галерее изображений этой страницы сайта, который можно заменить любым приемлемым для вас типом Друпал "lightbox"ом.

Замечание.

Если вам нужно добавить текстовую надпись на изображении, водяные знаки, эффекты фона, цветовые эффекты это вам поможет сделать модуль ImageCashe Actions, добавляющий все выбранные вами эффекты во время обработки модулем ImageCashe, например дополнительно к масштабированию изображений.

Порядок настройки:

подключить все требуемые модули,

в системном Формате ввода в меню "Настройка сайта", который применяется с текстовым редактором, включить "Фильтр изменения размера изображений" и отключить "Фильтр HTML",

Замечание.
В целях безопасности сайта, всегда, когда отключаете "Фильтр HTML" применяйте модуль HTML Purifier, фильтр, который удаляет вредоносный HTML и обеспечивает стандартный вывод.

создать правила для ImageCache, например: создайте правило post_images_500x500 и далее установите действие для правила "масштабировать" (Scale) для разрешения загрузки изображений 500 на 500 пикселей,

создать и настроить поле CCK Imagefield для нужного Типа страницы в управлении полями (создать поле с меткой "Загрузка изображений" и названием field_node_images для типа поля "файл" и загружаемого файла "изображение" ), включив кнопку "Вставить" на странице настройки созданного поля CCK и выбрав стиль добавляемого изображения, определяемый ранее сделанными настройками ImageCache,

проверить добавление изображений на создаваемой странице сайта, вставку добавленного изображения в поле текстового редактора и изменение размера отображаемого изображения с помощью мыши компьютера и через меню свойств изображения текстового редактора,

в "Отображение полей" настройки поля CCK скрыть поле "Загрузка изображений",

настроить Colorbox, вы можете настрить слайдшоу.

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

Другие видео уроки по созданию сайта на Drupal от Mustardseed.

Administrator чт, 03/02/2011 - 16:51

Теги: