Блочный конструктор страниц для October CMS
Среди встроенных виджетов для редактирования контента в админ-панели October CMS есть очень интересный инструмент: repeater в режиме group. С его помощью можно создать визуальный конструктор страниц из заранее созданной библиотеки блоков.
Разработчики October принципиально не пытались сделать еще один «конструктор», где пользователь без программерских навыков будет способен создавать страницы, у них не было замысла конкурировать с Page Builder-функционалом Wordpress или конструкторами типа Tilda и Wix. Но при этом пользователю вполне реально дать столько свободы, сколько нужно (и при этом «ни граммом больше» — что в духе философии October): редакторы могут собирать страницу из блоков, в зависимости от типа информации, ее количества, но при этом они не смогут выйти за рамки UI Kit и наполнить сайт неудачными оформительскими решениями.
Рассмотрим пример: в каталоге есть достаточно разные товары/услуги, их описания имеют разную структуру, для одних нужно видео, у других есть галерея, отзывы, модификации и т.п. Использовать одинаковый шаблон проблематично, а с помощью блочного редактора можно добавить на страницу только те блоки, которые актуальны для данного элемента каталога.
Добавление блоков на страницу из административной панели
Второй пример: статья блога. Здесь могут быть врезки, цитаты, фото, видео, ссылки на продукты, рекламные вставки от партнеров — множество различных форматов. Такие страницы можно строить как из кубиков, нужно только заранее создать библиотеку блоков, которую впоследствии можно будет дополнять новыми форматами.
Где это очень актуально:
- описания товаров/услуг,
- лонгриды блога,
- отчет о мероприятии,
- страницы типа «лендинг»
Пример страницы из блоков
Плюсы:
- не нужно обладать дизайнерскими навыками, только контент-работа
- сложно испортить дизайн — все в рамках UI Kit
- не нужно каждый раз обращаться к разработчикам — дает определенную свободу в редактировании страниц сайта и экономит на поддержке
- компактность в админке — по сравнению с возможным решением той же задачи без использования repeater group mode
- интуитивно понятный интерфейс
- драг-н-дроп сортировка последовательности
- полный контроль кода на выходе, никаких мусорных тегов и кнопок, построенных таблицей
В дополнение к этой встроенной функции (repeater, mode: group) мы создали свою типовую библиотеку виджетов внутри блочного редактора: текстовый блок, колонки с текстом, цитата или "врезка", кнопка call-to-action, галерея фото, видео с Youtube, таблица, похожие/рекомендуемые статьи/товары — выбор из списка, форма связи, и здесь в принципе может быть любой формат, нет никаких ограничений, кроме здравого смысла. Список виджетов бекэнда "открытый" — новые добавлять легко и достаточно быстро.
Проекты, где можно посмотреть страницы, построенные из блоков: