Кастомные блоки Concrete CMS: разработка от контроллера до кэширования

Наша компания занимается разработкой, поддержкой и обслуживанием сайтов любой сложности. От простых одностраничных сайтов до масштабных кластерных систем построенных на микро сервисах. Опыт разработчиков подтвержден сертификатами от вендоров.

Разработка и обслуживание любых видов сайтов:

Информационные сайты или веб-приложения
Сайты визитки, landing page, корпоративные сайты, онлайн каталоги, квиз, промо-сайты, блоги, новостные ресурсы, информационные порталы, форумы, агрегаторы
Сайты или веб-приложения электронной коммерции
Интернет-магазины, B2B-порталы, маркетплейсы, онлайн-обменники, кэшбэк-сайты, биржи, дропшиппинг-платформы, парсеры товаров
Веб-приложения для управления бизнес-процессами
CRM-системы, ERP-системы, корпоративные порталы, системы управления производством, парсеры информации
Сайты или веб-приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, конструкторы сайтов, порталы предоставления электронных услуг, видеохостинги, тематические порталы

Это лишь некоторые из технических типов сайтов, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента

Услуги, которые мы предлагаем
Показано 1 из 1Все 2062 услуг
Кастомные блоки Concrete CMS: разработка от контроллера до кэширования
Средний
~2-3 дня
Часто задаваемые вопросы

Наши компетенции:

Этапы разработки

Последние работы

  • image_website-b2b-advance_0.webp
    Разработка сайта компании B2B ADVANCE
    1365
  • image_web-applications_feedme_466_0.webp
    Разработка веб-приложения для компании FEEDME
    1254
  • image_websites_belfingroup_462_0.webp
    Разработка веб-сайта для компании БЕЛФИНГРУПП
    961
  • image_ecommerce_furnoro_435_0.webp
    Разработка интернет магазина для компании FURNORO
    1192
  • image_crm_enviok_479_0.webp
    Разработка веб-приложения для компании Enviok
    933
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Разработка веб-сайта для компании ФИКСПЕР
    951

Когда стандартных блоков Concrete CMS недостаточно?

Встроенные блоки (Content, Image, Form) покрывают 80% типовых задач. Но остальные 20% — например, карточка преимущества с иконкой, ссылкой и выбором макета — требуют собственного блока. Мы создали десятки таких блоков: от простых текстовых плашек до интеграций с внешними API. Опытный инженер спроектирует кастомный блок так, что время внесения правок сократится на 40%, а дублирование кода исчезнет. В одном интернет-магазине мы заменили три разных плагина одним блоком Feature Card — LCP упал на 300 мс, поддержка упростилась. Если вы столкнулись с этими проблемами — закажите разработку кастомного блока, и мы предложим эффективное решение.

Три типичные проблемы, которые решает кастомный блок

  1. Негибкость стандартных блоков. Вы не добавите поле для иконки или переключатель макета в блок Content — только через кастом. 2. Дублирование кода. Если одинаковый набор полей используется на нескольких страницах, без кастомного блока придётся копировать HTML в каждый редактор. 3. Кэширование. Стандартные блоки кэшируются по умолчанию, но для сложных структур нужно настраивать параметры вручную — в собственном контроллере это делается парой строк.

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

Используем проверенную архитектуру: контроллер отвечает за валидацию и сохранение данных, шаблон — только за вывод. Для хранения полей применяем db.xml, управляем файлами через Concrete\Core\File\File. Рассмотрим блок Feature Card для интернет-магазина: 4 макета, иконка из файлового менеджера, кэширование вывода с TTL 3600 секунд.

Пошаговая инструкция по созданию блока

  1. Создайте структуру каталога: blocks/feature-card/ с файлами controller.php, db.xml, add.php, edit.php, view.php, icon.png (48×48). Для альтернативных шаблонов добавьте папку templates/.
  2. Опишите схему БД в db.xml: определите поля, их типы и ключи. Concrete CMS автоматически создаст таблицу при установке пакета.
  3. Реализуйте контроллер: наследуйте BlockController, задайте свойства кэширования и таблицы, переопределите методы add(), edit(), view(), save() и validate().
  4. Создайте шаблоны вывода: view.php для отображения, альтернативные шаблоны в templates/ для разных макетов.
  5. Установите блок: через пакет или напрямую в application/blocks/ — он появится в редакторе сайта.

Структура блока

Блок располагается в packages/my-package/blocks/my-block/ или application/blocks/my-block/:

blocks/feature-card/
  controller.php     # логика, валидация, CRUD
  db.xml             # схема таблицы БД
  add.php            # форма добавления блока
  edit.php           # форма редактирования (обычно include add.php)
  view.php           # шаблон вывода на странице
  icon.png           # иконка (48×48)
  templates/         # альтернативные шаблоны вывода
    compact.php

db.xml — схема хранения данных

<?xml version="1.0"?>
<schema version="0.3">
  <table name="btFeatureCard">
    <field name="bID" type="I">
      <KEY/>
      <UNSIGNED/>
    </field>
    <field name="headline" type="C" size="255"/>
    <field name="subheadline" type="C" size="255"/>
    <field name="body" type="X2"/>
    <field name="link_url" type="C" size="512"/>
    <field name="link_text" type="C" size="100"/>
    <field name="icon_fID" type="I">
      <UNSIGNED/>
    </field>
    <field name="layout" type="C" size="50">
      <DEFAULT value="default"/>
    </field>
  </table>
</schema>

controller.php

<?php
namespace Concrete\Package\MyPackage\Block\FeatureCard;

use Concrete\Core\Block\BlockController;
use Concrete\Core\File\File;

defined('C5_EXECUTE') or die('Access Denied.');

class Controller extends BlockController {

    protected $btTable            = 'btFeatureCard';
    protected $btInterfaceWidth   = 600;
    protected $btInterfaceHeight  = 500;
    protected $btCacheBlockRecord = true;
    protected $btCacheBlockOutput = true;

    public function getBlockTypeName(): string        { return 'Feature Card'; }
    public function getBlockTypeDescription(): string { return 'Карточка преимущества с иконкой и ссылкой'; }

    public function add(): void {
        $this->set('layout_options', ['default' => 'Стандартный', 'horizontal' => 'Горизонтальный']);
    }

    public function edit(): void {
        $this->add();
        if ($this->icon_fID) {
            $this->set('icon_file', File::getByID($this->icon_fID));
        }
    }

    public function view(): void {
        if ($this->icon_fID) {
            $this->set('iconFile', File::getByID($this->icon_fID));
        }
    }

    public function save(array $args): void {
        $args['headline']    = strip_tags($args['headline'] ?? '');
        $args['subheadline'] = strip_tags($args['subheadline'] ?? '');
        $args['body']        = $args['body'] ?? '';
        $args['link_url']    = filter_var($args['link_url'] ?? '', FILTER_SANITIZE_URL);
        $args['link_text']   = strip_tags($args['link_text'] ?? '');
        $args['icon_fID']    = (int)($args['icon_fID'] ?? 0);
        $args['layout']      = in_array($args['layout'], ['default', 'horizontal']) ? $args['layout'] : 'default';
        parent::save($args);
    }

    public function validate(array $args): \Concrete\Core\Error\ErrorList\ErrorList {
        $e = $this->app->make('error');
        if (empty(trim($args['headline'] ?? ''))) {
            $e->add('Заголовок обязателен');
        }
        return $e;
    }
}

view.php

<?php defined('C5_EXECUTE') or die('Access Denied.'); ?>

<div class="feature-card feature-card--<?= h($layout) ?>">
    <?php if ($iconFile): ?>
        <div class="feature-card__icon">
            <img src="<?= $iconFile->getRelativePath() ?>" alt="">
        </div>
    <?php endif; ?>
    <div class="feature-card__body">
        <?php if ($headline): ?><h3><?= h($headline) ?></h3><?php endif; ?>
        <?php if ($subheadline): ?><p class="subheadline"><?= h($subheadline) ?></p><?php endif; ?>
        <?php if ($body): ?><div class="text"><?= nl2br(h($body)) ?></div><?php endif; ?>
        <?php if ($link_url && $link_text): ?>
            <a href="<?= h($link_url) ?>" class="btn"><?= h($link_text) ?></a>
        <?php endif; ?>
    </div>
</div>

Официальная документация Concrete CMS описывает минимальный набор файлов: controller.php, db.xml, add.php, edit.php, view.php. Подробнее о разработке блоков — в официальной документации.

Как настроить кэширование для блока?

Параметры кэша задаются в контроллере. Установка btCacheBlockRecord и btCacheBlockOutput в true включает кэш записи и HTML-вывода. TTL управляется свойством btCacheBlockOutputLifetime. Для блоков с POST-данными обязательно отключать кэш после отправки: btCacheBlockOutputOnPost = false. Это предотвращает показ устаревшего контента после редактирования. Правильная конфигурация кэширования снижает TTFB на 100–200 мс.

Блок с несколькими записями (список элементов)

Для блоков типа «список элементов» используется btExportTables и дочерняя таблица. В контроллере укажите protected $btExportTables = ['btFeatureList', 'btFeatureListItems'];. Сохранение дочерних записей выполняется в методе save(): сначала удаляются старые, затем вставляются новые с учётом сортировки.

Пример структуры дочерней таблицы
<field name="sort" type="I">
  <UNSIGNED/>
  <DEFAULT value="0"/>
</field>

Сроки разработки блока

Сложность Описание Срок
Простой Текст + изображение + ссылка 4–8 ч
Средний Список элементов, галерея, табы 1–2 дня
Сложный Интеграция с API, кастомный JS 2–5 дней

Что входит в работу

  • Контроллер, шаблоны (view + альтернативные), схема БД (db.xml).
  • Валидация полей и безопасная обработка данных.
  • Кэширование вывода с оптимальным TTL.
  • Миграция существующих данных (если требуется).
  • Документация по установке и использованию.
  • Обучение редакторов работе с блоком.
  • Гарантия 6 месяцев на код.

Ускорение разработки с помощью альтернативных шаблонов

Используйте альтернативные шаблоны — это позволяет менять внешний вид без изменения логики. Для однотипных блоков (например, несколько вариантов карточек) создайте один контроллер с переключателем макета в форме редактирования. Это сокращает время разработки в 2–3 раза.

Сравнение: кастомный блок vs готовые решения

Критерий Кастомный блок Готовый плагин
Гибкость Полная Ограничена настройками
Производительность Оптимизирован под задачу Часто избыточен
Совместимость с обновлениями Контролируется Может сломаться
Время внедрения 4 ч – 5 дней 1–2 дня (если подходит)

Кастомные блоки в 3 раза быстрее загружаются при правильном кэшировании — LCP снижается на 200–400 мс. Экономия бюджета за счёт отказа от плагинов может составлять до 50%.

Оценим ваш проект за 1 рабочий день. Просто напишите нам — мы подберем оптимальное решение для ваших задач.

Headless CMS: Strapi, Directus, Sanity, Contentful, Drupal

Традиционная CMS хороша до момента, когда дизайнер говорит «хочу анимацию при скролле с parallax», фронтенд — «нам нужен React», а SEO-специалист — «почему TTFB 3.4 секунды». В этот момент монолитная архитектура начинает мешать всем сразу. Я сталкивался с этим десятки раз: сайт на WordPress с ACF разрастается до 47 плагинов, админка тормозит, а каждый редизайн превращается в переписывание шаблонов.

Headless CMS отделяет управление контентом от его представления. Редакторы работают в удобном интерфейсе, разработчики получают данные через API и строят фронтенд на любом стеке. Звучит просто. На практике — выбор CMS, моделирование данных и настройка API занимают значительную часть проекта. За более чем 7 лет мы провели более 50 внедрений — расскажу, как не наступить на типичные грабли.

Почему headless CMS выгоднее монолита?

Монолитная CMS (WordPress, Joomla, Drupal в классическом режиме) смешивает бэкенд и фронтенд. Любое изменение вёрстки — это изменение шаблонов, часто с риском поломать админку. Headless даёт свободу: фронтенд на React, Vue или Svelte, а контент живёт отдельно. Результат — скорость загрузки (LCP часто падает с 4-6 с до 1-1,5 с), безопасность (нет публичного доступа к админ-панели), масштабирование (контент отдаётся через CDN без нагрузки на сервер). Плюс возможность переиспользовать контент в мобильных приложениях, киосках, email-рассылках через единый API.

Какую headless CMS выбрать под проект?

Нет универсального инструмента. Выбор зависит от команды, сложности контента и инфраструктуры. Разберём ключевые варианты.

Strapi — open-source, self-hosted, Node.js. Подходит командам, которым нужен контроль над данными и возможность кастомизации API. Плагинная архитектура позволяет добавлять кастомные маршруты, middleware, lifecycle hooks. REST и GraphQL из коробки. Разворачивается за час — в 3 раза быстрее Drupal. Слабое место — версии v4 и v5 несовместимы между собой, миграция болезненная. Наш опыт показывает: для стартапов и средних проектов Strapi — оптимальный баланс гибкости и скорости.

Directus — тоже open-source, но другой подход: не генерирует схему, а оборачивает существующую базу данных (PostgreSQL, MySQL, SQLite) в REST/GraphQL API. Если база данных уже есть — Directus подключается к ней без миграций. Удобно для проектов, где данные уже живут в PostgreSQL и нужен быстрый admin UI + API. Экономия времени на этапе интеграции — до 30%.

Sanity — облачная CMS с real-time редактором. Отличительная черта — GROQ (Graph-Relational Object Queries), собственный язык запросов, который мощнее REST для сложных связей между документами. Portable Text для структурированного контента. Подходит для медиа, издательств, маркетинговых сайтов с нестандартными редакционными процессами. Гарантирует скорость даже при 500+ одновременных редакторах — проверено на проектах с ежеминутным обновлением ленты новостей.

Contentful — enterprise облачная CMS. Сильная сторона — локализация (до 1000 локалей), богатый SDK для всех платформ, Contentful Apps для кастомных UI. Слабая — цена при масштабировании и ограниченная гибкость моделей данных по сравнению с open-source альтернативами.

Drupal — не headless в чистом виде, но с модулем JSON:API и GraphQL превращается в мощный API-first бэкенд. Сильная сторона — зрелость, гранулярные права доступа, enterprise-клиенты (NASA, weather.com). Порог входа высокий, для сложных государственных или корпоративных порталов альтернатив мало. Мы используем его только когда требуется строгая иерархия ролей и аудит доступа.

CMS Хостинг API Лучший сценарий
Strapi Self-hosted / Cloud REST, GraphQL Стартапы, кастомизация
Directus Self-hosted / Cloud REST, GraphQL Обёртка над existing DB
Sanity Облако GROQ, GraphQL Медиа, сложный контент
Contentful Облако REST, GraphQL Enterprise, локализация
Drupal Self-hosted JSON:API, GraphQL Госсектор, сложные права

Последствия неправильного моделирования контента

Моделирование контента — критичный этап. Ошибка на этом этапе стоит дорого. Типичная проблема: поле body типа rich text для всего. Через полгода контент-менеджер хочет вставить видео между абзацами, добавить pull quote с кастомным стилем, встроить интерактивную таблицу. Rich text это не позволяет. Решение — Portable Text (Sanity) или кастомные компоненты в Strapi/Directus через Dynamic Zone. Мы всегда закладываем на этапе проектирования 2-3 итерации с заказчиком, чтобы схема покрывала 90% будущих кейсов. На одном проекте это сэкономило 80 часов переработок — бюджет на моделирование окупился втрое.

Как мы строим проекты на headless CMS

Фронтенд под headless CMS практически всегда идёт на Next.js (App Router) или Nuxt. Для Contentful и Sanity — ISR: страницы статически генерируются при билде, обновляются через revalidatePath() при изменении контента через webhook. Для Strapi/Directus с частым обновлением данных — SSR с cache: 'no-store' или SWR на клиенте.

Кейс: редизайн корпоративного сайта производственной компании. Предыдущий сайт — WordPress с ACF, 200+ страниц, 4 языка. Проблемы: TTFB 3,8 с, редакторы жаловались на медленный админ.
Перешли на Strapi (self-hosted, PostgreSQL), Next.js App Router. Контентная модель: Page с Dynamic Zone (секции Hero, TextBlock, Gallery, TeamGrid, ContactForm). Локализация через Strapi i18n plugin + next-intl на фронтенде. Деплой фронтенда на Vercel с ISR, ревалидация через Strapi webhook на entry.publish.

TTFB с 3,8 с упал до 180 мс (статика с CDN) — разница в 21 раз. Редакторы получили чистый интерфейс без 47 плагинов. Стоимость проекта — в диапазоне 300 000 – 500 000 рублей, экономия на хостинге после миграции — около 15 000 рублей в месяц.

Для понимания headless CMS и TTFB — рекомендую базовые статьи.

Процесс внедрения разбит на этапы:

  1. Аудит контентных потребностей — собираем все типы контента, связи, требования к локализации, интеграции.
  2. Проектирование схемы данных — создаём модели, поля, валидацию, роли доступа. Документируем в Swagger/OpenAPI.
  3. Настройка CMS и API — разворачиваем выбранную CMS, настраиваем REST/GraphQL endpoints, плагины, webhooks.
  4. Разработка фронтенда — подключаем Next.js/Nuxt, настраиваем ISR/SSR, компоненты секций, роутинг.
  5. Миграция контента (если есть legacy) — автоматическая загрузка через API или скрипты.
  6. Тестирование — проверка API endpoints, регрессия, нагрузочное тестирование, Core Web Vitals.
  7. Деплой — настройка CDN, SSL, CI/CD, мониторинг.

Сколько времени занимает внедрение?

Стандартный путь включает все этапы. Миграция с WordPress на headless CMS занимает столько же времени, сколько сам проект — часто больше. Особенно если в WordPress накоплены кастомные поля через ACF с нестандартной структурой. Наши средние сроки:

Тип проекта Срок
Простой сайт на Strapi + Next.js 4–8 недель
Многоязычный корпоративный сайт 8–16 недель
Миграция с WordPress на headless +4–8 недель к основному
Drupal enterprise-портал 3–6 месяцев

Стоимость рассчитывается индивидуально после брифа. Бюджет типового внедрения — от 150 000 до 500 000 рублей в зависимости от сложности. Экономия на хостинге за счёт статической генерации — до 40% в месяц.

Чек-лист: 5 неочевидных моментов при выборе headless CMS
  • Проверьте, поддерживает ли CMS мультисайтинг — если планируете несколько доменов, многие open-source решения не умеют разделять контент по доменам без костылей.
  • Уточните формат истории изменений — Strapi хранит drafts только для publish-версий, а Directus — полный аудит всех изменений.
  • Протестируйте скорость работы admin panel на слабом интернете — Sanity работает в реальном времени через WebSocket, что может быть проблемой при плохом соединении.
  • Оцените сложность кастомных полей — в Contentful добавление нового поля требует деплоя, в Strapi — только перезапуска сервера.
  • Узнайте про лицензионные ограничения — Strapi v5 перешёл на Elastic License, что может повлиять на коммерческое использование.

Что входит в работу

  • Документация схемы данных и API (Swagger/OpenAPI)
  • Настроенная админ-панель с правами доступа
  • Обучение редакторов (2-часовая сессия)
  • Тестовый стенд на время разработки
  • Гарантия 1 месяц на баги после запуска
  • Поддержка после релиза (включая хотфиксы 24/7)

Headless CMS разработка — это не просто замена инструмента, а смена парадигмы работы с контентом. Мы помогаем сделать этот переход без простоев и потери данных. Получите консультацию и предварительную оценку — оставьте заявку на сайте. Закажите внедрение headless CMS с гарантией результата.