Готових секцій
Від hero до FAQ і CTA.
Демонстрація сторінок і пропозицій
ZillaCMS · демонстрація блоків
Одна сторінка — всі можливості Builder
Перевірте адаптивні блоки, централізовану палітру, повторювані поля, кнопки та контентні секції без редагування шаблону.
Блоки, які можна використовувати на будь-якій сторінці
Стилі адаптовані для ZillaCMS і використовують кольори активної теми. Змініть палітру один раз — усі секції та кнопки оновляться автоматично.
Текст без ручної верстки
Для звичайного пояснення достатньо текстового блока. Він успадковує ширину, типографіку та відступи активної теми.
Коротко про нову систему
Builder працює як бібліотека незалежних компонентів, а не як набір HTML-заглушок.
- Кожен блок має зрозумілі поля й власну назву в адмінці.
- Списки, картки, FAQ і таблиці редагуються через повторювані елементи.
- Палітра теми керує акцентами, кнопками та декоративними елементами.
Що перевіряє демонстрація
Спільна палітра
Кольори змінюються у темі.
Адаптивність
Окремі макети не потрібні.
HTML-дублів
Контент зберігається у полях блоків.
Основні можливості ZillaCMS
Картки підходять для переваг, послуг, категорій, сценаріїв та навігації.
Сторінки
Власні URL, SEO, переклади, шаблони та Builder-зони.
ГоловнаБлоки
Повторне використання, адаптивність, пресети й live preview.
Дивитися нижчеКаталог
Товари, продавці, рейтинги, ціни та партнерські пропозиції.
До каталогуЯк зібрати сторінку
Додайте блок
Перетягніть компонент із бібліотеки в потрібну зону макета.
Заповніть поля
Змініть внутрішню назву, тексти, кнопки та повторювані елементи.
Оберіть палітру
У налаштуваннях теми виберіть кольоровий пресет для всього сайту.
Перевірте й опублікуйте
Перегляньте комп’ютер, планшет і телефон, після чого збережіть макет.
HTML вручну чи готові блоки
| Критерій | Довільний HTML | Бібліотека блоків |
|---|---|---|
| Редагування | Потрібно знати HTML і CSS. | Зрозумілі поля в адмінці. |
| Єдиний дизайн | Стилі легко розходяться між сторінками. | Палітра й компоненти централізовані. |
| Адаптивність | Потрібно прописувати вручну. | Вбудована в кожен стандартний блок. |
| Повторне використання | Копіювання коду. | Пресети, секції та дублювання блоків. |
Перевірте перед публікацією
- Заголовок сторінки описує користь для відвідувача.
- Кнопки ведуть на правильні внутрішні або зовнішні адреси.
- Контраст тексту та кнопок відповідає вибраній палітрі.
- Сторінку перевірено на комп’ютері, планшеті й телефоні.
- Зайві блоки вимкнені або видалені.
- Meta title, description і canonical заповнені.
“Сильний Builder не змушує адміністратора думати про CSS. Він дає готові правила, але залишає свободу структури.”
Як працюють нові блоки
Чи зміниться дизайн усіх блоків після вибору іншої палітри?
Так. Стандартні блоки використовують CSS-змінні активної теми, тому акцентні кольори, кнопки та декоративні елементи оновлюються централізовано.
Чи можна змінювати кількість карток, кроків або запитань?
Так. У Builder доступні повторювані поля: додавайте, видаляйте й редагуйте елементи без роботи з JSON або HTML.
Чи можна зберегти блок для іншої сторінки?
Так. Використовуйте дублювання, пресети або повторно використовувані секції.
Чи залишився довільний HTML?
Так. HTML-блок доступний для нестандартних випадків і редагується через TinyMCE та режим вихідного коду.
Наступний крок
Спробуйте змінити палітру та перебудувати цю сторінку
Усі секції створені звичайними Builder-блоками. Відкрийте конструктор, змініть порядок, тексти й кольоровий пресет теми.