Главная страница состоит из блоков. Каждый блок можно переставить, скрыть, удалить и настроить: поменять текст, картинки, кнопки, цвета и отступы. Новые блоки берутся из библиотеки.
Панель блока
Наведите на блок — справа сверху появится панель: ⋮⋮ перетащить, ↑ и ↓ переместить выше или ниже, глаз — скрыть, × — удалить, шестерёнка — настройки блока.
Настройки и стили блока
Вкладка Контент — содержимое блока. Вкладка Стили — цвет фона и текста, отступы сверху и снизу. Сбросить стили блока возвращает оформление по умолчанию; Применить сохраняет.
Кнопки
Нажмите на кнопку на странице — откроется окно: можно скрыть кнопку, выбрать действие при нажатии (например, окно с заявкой или переход по ссылке) и форму, которая откроется во всплывающем окне.
Ссылки на соцсети
Нажмите на иконки соцсетей в подвале и укажите ссылки. Пустое поле — иконка не показывается. Пункты меню подвала добавляются кнопкой + Пункт.
Блоки главной страницы
| Блок | Особенности |
|---|---|
| Шапка сайта | Логотип, меню, кнопки «Войти» и «Зарегистрироваться». |
| Главный баннер | Заголовок, описание, две кнопки, изображение. |
| Популярные курсы | Курсы подставляются из панели — те, у которых включена «Публикация в разделе «Популярные»». Здесь меняются заголовок блока и вид карточки. |
| Как проходят занятия | Пронумерованные шаги обучения. |
| Статистика 3×1 | Три карточки с цифрами. |
| Текст + изображение | Рассказ о школе с кнопкой. |
| Видеоблок | Видеофайл (MP4, WebM, OGV, MOV до 500 МБ) или код iframe / ссылка. |
| Отзывы | Карусель отзывов, + Добавить отзыв. |
| Блок-таблица | Сравнение цен или услуг; строки и разделы добавляются кнопкой «+». |
| Тарифы и цены | Три карточки тарифов с кнопками. |
| Блок CTA | Призыв к действию с двумя кнопками. |
| Форма заявки | ФИО и телефон; заявки приходят в уведомления. |
| Подвал сайта | Меню, контакты, соцсети, ссылки на документы. |
Библиотека блоков
На правой панели откройте Библиотека: 17 готовых блоков — шапка, баннер, популярные курсы, «Почему выбирают нас», «Как проходят занятия», Hero с CTA, статистика, таблица и другие. Нажмите «+» на карточке — блок добавится на страницу. Поиск помогает найти нужный.
Свой блок HTML + CSS
Первый пункт библиотеки — Свой блок (HTML + CSS). Вставьте свою вёрстку слева, стили — ниже; справа предпросмотр на ПК, планшете и телефоне. Стили действуют только внутри этого блока и не затрагивают остальные, скрипты не выполняются. В CSS можно использовать цвет сайта через переменную var(--uw-primary-color). Горячие клавиши: Ctrl+S — сохранить, Tab — отступ.
