Блочный конструктор страниц для October CMS

Среди встроенных виджетов для редактирования контента в админ-панели October CMS есть очень интересный инструмент: repeater в режиме group. С его помощью можно создать визуальный конструктор страниц из заранее созданной библиотеки блоков.

Разработчики October принципиально не пытались сделать еще один «конструктор», где пользователь без программерских навыков будет способен создавать страницы, у них не было замысла конкурировать с Page Builder-функционалом Wordpress или конструкторами типа Tilda и Wix. Но при этом пользователю вполне реально дать столько свободы, сколько нужно (и при этом «ни граммом больше» — что в духе философии October): редакторы могут собирать страницу из блоков, в зависимости от типа информации, ее количества, но при этом они не смогут выйти за рамки UI Kit и наполнить сайт неудачными оформительскими решениями.

Рассмотрим пример: в каталоге есть достаточно разные товары/услуги, их описания имеют разную структуру, для одних нужно видео, у других есть галерея, отзывы, модификации и т.п. Использовать одинаковый шаблон проблематично, а с помощью блочного редактора можно добавить на страницу только те блоки, которые актуальны для данного элемента каталога.

Добавление блоков на страницу из административной панели

Второй пример: статья блога. Здесь могут быть врезки, цитаты, фото, видео, ссылки на продукты, рекламные вставки от партнеров — множество различных форматов. Такие страницы можно строить как из кубиков, нужно только заранее создать библиотеку блоков, которую впоследствии можно будет дополнять новыми форматами.

Где это очень актуально:

Пример страницы из блоков

Плюсы: 


В дополнение к этой встроенной функции (repeater, mode: group) мы создали свою типовую библиотеку виджетов внутри блочного редактора: текстовый блок, колонки с текстом, цитата или "врезка", кнопка call-to-action, галерея фото, видео с Youtube, таблица, похожие/рекомендуемые статьи/товары — выбор из списка, форма связи, и здесь в принципе может быть любой формат, нет никаких ограничений, кроме здравого смысла. Список виджетов бекэнда "открытый" — новые добавлять легко и достаточно быстро.

Проекты, где можно посмотреть страницы, построенные из блоков:

russlandmeister.ru: новости

max-medium.ru: блог

abcs.pro: отчет о мероприятии