WebDesign Master
Курсы
Создание сайта с нуля. Урок #31. Посадка галереи на MODx (MIGX + phpthumbof)
MODx

Создание сайта с нуля. Урок #31. Посадка галереи на MODx (MIGX + phpthumbof)

Всем привет, друзья! Это курс "Создание сайта с нуля", урок 31. В данном уроке мы рассмотрим создание галереи на MODX Revolution, используем нестандартный вывод картинки через phpthumbof в чанк айтема.

Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Создание сайта с нуля. Урок #31. Посадка галереи на MODx (MIGX + phpthumbof) - Видеоурок
Смотреть урок на YouTube
Создание контентного сайта на Jekyll от А до Я

Дополнительные материалы урока:

  • phpThumbOf Documentation.

Пример поля 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

Курс по созданию сайта от А до Я на Jekyll

Создание сайта от А до Я. Комплексный курс

Курс по созданию интернет-магазина на OpenCart

Создание современного интернет-магазина от А до Я

Фриланс для начинающих

Я - фрилансер! Базовый курс для начинающих

Другие уроки по теме «MODx»

  • Создание сайта с нуля. Урок #34. Посадка секции «Поставляемое оборудование» на MODx (pdoResources)
  • Создание сайта с нуля. Урок #33. Посадка секции «Выполненные работы» на MODx (Всплывающие окна)
  • Создание сайта с нуля. Урок #32. Посадка секции «Направления услуг» на MODx (pdoResources)
  • Создание сайта с нуля. Урок #30. Посадка секции тизеров на MODx
  • Создание сайта с нуля. Урок #29. Посадка HTML верстки шапки на MODx

Разделы сайта:

  • Курсы
  • HTML и CSS
  • Веб-дизайн
  • Инструменты
  • Оффтоп
  • MODx
  • WordPress
  • jQuery
  • Адаптивный веб-дизайн
  • Создание иконок
  • Обработка изображений
  • Иллюстрации и Инфографика
  • Интерфейсы UI/UX
  • Прототипирование
  • JavaScript
  • Хостинг

Полезные ресурсы:

  • Lazy Load Placeholder
  • Документация Gulp 4
  • Рабочее место разработчика
2021 © WebDesign Master