Для работы с изображениями в ExpressionEngine есть много полезных функций. В этой статье расскажу как сделать изображения разных размеров стандартными средствами.
Для начала надо создать путь к настройкам (Содержание > Менеджер файлов > Настройки загрузки файлов)
Поле файла
После создания путя куда будут заливаться изображения, создадим поле (Custom field) в канале (Channel). Стандартно в ExpressionEngine есть тип поля File (если его нет при создании поля то включите этот тип поля в настройках полей).
При создании поля укажите тип поля «File» и выберите созданный путь к изображениям.
Настройка размеров изображений
Создав путь и поле настроим размеры изображений которые нам необходимы. Для настройки размеров зайдите на страницу (Содержание > Менеджер файлов > Настройки загрузки файлов) и выберите созданный вами путь (нажмите на иконку редактирования).
На странице настроек найдите раздел «Манипуляции с изображением», в данном разделе можно указать размеры изображений а также наложение водяного знака.
При изменении размера есть 2 варианта:
1. Ограничить (constrain) - ограничение размера изображения до указанных пределов
2. Вырезать (crop) - вырезать кусок изображения заданного размера
Я создал 1 вериант изменения размера. Вы можете задать много вариантов под разные нужды. Не забывайте что короткое имя должно быть на английском языке. Можно не указывать оба параметра (Ширина и Высота) а только один.
Если вы уже заливали ранее изображения до создания настроек манипуляции, то необходимо синхронизировать изображения. Для этого на странице списка путей загрузок файлов нажмите на значок синхронизации, после этого ExpressionEngine просканирует директорию и создать разные варианты изображений расположив файлы в подпапках.
Вывод на сайте
Для вывода ссылки на файл изображения укажите в блочном теге {exp:channel:entries} имя созданного поля, указывая через двоеточие короткое имя размера изображения.
Например для поля screenshots тег будет {screenshots}, а с указанием размера будет {screenshots:thumb}.
Вот и всё ребятки ^_^.
