Это курс "Создание сайта с нуля", урок 31. В данном уроке мы рассмотрим создание галереи на MODX Revolution, используем нестандартный вывод картинки через phpthumbof в чанк айтема.
Дополнительные материалы урока:
- phpThumbOf Documentation: https://docs.modx.com/current/en/extras/phpthumbof
Пример поля MIGX в MODx Revolutoin:
// Tabs:
[
{"caption":"Tab Title", "fields": [
{"field":"title","caption":"Name"},
{"field":"description","caption":"Description","inputTVtype":"textarea"},
{"field":"imageTV","caption":"Photo","inputTV":"imageTV"}
]}
]
// Table:
[
{"header": "Name", "sortable": "true", "dataIndex": "title"},
{"header": "Photo", "width": "80", "sortable": "false", "dataIndex": "imageTV","renderer": "this.renderImage"}
]
Пример нестандартного вывода картинки в чанке посредством сниппета phpThumbOf:
<a href="[[+galleryImage]]" data-preview="[[phpthumbof? &input=`[[+galleryImage]]` &options=`&w=640&h=480&zc=1`]]"></a>
Премиум уроки от WebDesign Master
Другие уроки по теме «CMS/Framework»
- Как создать тему для WordPress. Грамотная посадка верстки на WordPress (Right Way)
- Быстрое создание красивых сайтов на WordPress. Layers Style Kit на реальном примере
- Руководство по созданию тем на WordPress и StyleKit's с использованием Layers Framework
- Layers. Быстрая разработка сайтов на WordPress #1. Знакомство с Layers WP
- Создание лендинга на WordPress с нуля
- Посадка типовой секции Landing Page на MODx с использованием MIGX (добавляемые поля)