Разделы сайта
Разделы — контентные блоки, из которых состоят ваши страницы. Каждая страница может содержать несколько разделов в любом порядке. Конструктор сайта предлагает широкий выбор типов разделов, организованных в четыре категории: Контент, Макет, Динамический контент и Интерактивные.
Категории разделов
Разделы контента
Статические контентные блоки, где вы управляете текстом, изображениями и макетом.
| Тип раздела | Описание |
|---|---|
| Hero | Большой баннер с фоновым изображением или цветом, заголовком, подзаголовком и кнопками призыва к действию. Идеален для верха главной страницы. |
| Контент | Блок форматированного текста. Поддерживает HTML для гибкого форматирования. |
| Галерея | Галерея изображений в сетке или masonry-макете. |
| Встраивание | Встраивание внешнего контента: видео YouTube, Vimeo или пользовательские embed-коды. |
| Карта | Встраивание Google Maps с местоположением церкви из настроек адреса церкви. |
| Во что мы верим | Раздел исповедания веры с раскрываемыми пунктами, каждый с заголовком, описанием и ссылкой на Писание. |
Разделы макета
Структурные элементы для визуальных отступов и разделения.
| Тип раздела | Описание |
|---|---|
| Отступ | Добавляет вертикальный отступ между разделами. Выбор: маленький, средний или большой. |
| Разделитель | Горизонтальная линия-разделитель между разделами. |
Разделы динамического контента
Эти разделы автоматически получают актуальные данные из базы данных TimelyChurch.
| Тип раздела | Описание |
|---|---|
| Время богослужений | Отображает расписание служений церкви. Макеты: карточки, список или компактный. |
| Справочник персонала | Показывает персонал и руководство в сетке или списке. |
| Мероприятия | Перечисляет предстоящие мероприятия из модуля «Мероприятия». |
| Объявления | Отображает недавние объявления. |
| Группы | Показывает активные малые группы и служения. |
| Молитвенная стена | Отображает публичные молитвенные запросы со счётчиками «помолились». |
| Пожертвования | Призыв к пожертвованию с настраиваемым заголовком, описанием и кнопкой. |
| Отзывы | Карусель или сетка историй изменений жизни и отзывов. |
| Прямая трансляция | Встраивает живое видео с расписанием и необязательным чатом. Поддерживает YouTube, Facebook, Vimeo или пользовательские источники. |
| Последняя проповедь | Избранное отображение самой недавней проповеди с серией и спикером. |
| Архив проповедей | Поисковый, фильтруемый архив всех проповедей. |
Интерактивные разделы
Разделы с интерактивными функциями для посетителей.
| Тип раздела | Описание |
|---|---|
| Контактная форма | Контактная форма для посетителей. Можно использовать встроенную форму по умолчанию или форму из модуля «Формы». |
| Планируйте визит | Приветственный раздел для новых посетителей с настраиваемыми шагами (Чего ожидать, Время богослужений, Дети и семьи, Где парковаться). |
| Следующие шаги | Ведёт посетителей по духовному пути с карточками шагов (Крещение, Присоединиться к группе, Служить, Членство). |
| FAQ | Раздел часто задаваемых вопросов в стиле аккордеона. |
| Баннер объявления | Липкий баннер вверху или внизу страницы для важных объявлений. Поддерживает разные стили (info, warning, success, alert) и может быть закрыт. |
| Виджет-лаунчер | Плавающая кнопка действия с быстрыми ссылками (Планируйте визит, Смотреть в прямом эфире, Пожертвовать, Связаться). Появляется в углу страницы. |
| Таймер обратного отсчёта | Обратный отсчёт до предстоящего мероприятия или даты с призывом к действию и настраиваемым сообщением по окончании таймера. |
Добавление раздела на страницу
- Откройте страницу в редакторе (Конструктор сайта > Страницы > нажмите страницу).
- Нажмите кнопку Добавить раздел.
- Появится модальное окно со всеми доступными типами разделов по категориям.
- Нажмите нужный тип раздела.
- Раздел добавится в конец страницы, и вы вернётесь в редактор страницы.
Совет: Разделы всегда добавляются в конец страницы. Порядок можно изменить потом перетаскиванием.
Изменение порядка разделов
Разделы можно менять перетаскиванием:
- В редакторе страницы найдите ручку перетаскивания (иконка горизонтальных линий) слева на карточке раздела.
- Нажмите и перетащите раздел на новую позицию.
- Отпустите кнопку мыши. Новый порядок сохраняется автоматически.
Редактирование раздела
- В редакторе страницы нажмите иконку редактирования (карандаш) на карточке раздела.
- Вы перейдёте в редактор раздела с тремя основными областями:
Контент
Область контента меняется в зависимости от типа раздела:
- Hero-разделы имеют поля заголовка, подзаголовка, фонового изображения (загрузка или URL) и текста/URL основной кнопки.
- Разделы контента имеют поле заголовка и область тела с поддержкой HTML.
- Динамические разделы (Мероприятия, Персонал, Группы и т. д.) имеют поля заголовка и подзаголовка. Фактические данные подтягиваются автоматически из базы данных.
- Разделы пожертвований имеют заголовок, подзаголовок, описание, текст кнопки и необязательный URL пожертвования.
- Разделы контактной формы позволяют выбрать форму по умолчанию или форму из модуля «Формы».
- Разделы FAQ позволяют редактировать отдельные пары вопрос-ответ.
- Разделы убеждений позволяют редактировать отдельные пункты с заголовком, описанием и ссылкой на Писание.
- Разделы отзывов позволяют редактировать отдельные отзывы с именем и цитатой.
- Разделы следующих шагов позволяют настраивать карточки шагов с заголовком, описанием, URL и иконкой.
- Разделы проповедей имеют заголовок, подзаголовок и текст/URL призыва к действию.
Настройки
Настройки различаются по типу раздела, но обычно включают:
- Раздел видим — переключение отображения раздела на публичной странице.
- Высота (Hero) — Маленькая, Средняя, Большая или На весь экран.
- Выравнивание (Hero) — Выравнивание текста: слева, по центру или справа.
- Количество элементов (Мероприятия, Группы, Объявления и т. д.) — сколько элементов показывать.
- Колонки (Персонал, Группы, Галерея) — 2, 3 или 4 колонки.
- Отступы — вертикальные отступы: Маленькие, Обычные или Большие.
Элементы управления наложением изображения Hero:
- Темнота наложения — ползунок от 0% до 100%, управляющий темнотой наложения поверх фонового изображения.
- Цвет наложения — выбор цвета наложения (по умолчанию чёрный).
- Размытие фона — ползунок от 0px до 20px для размытия фонового изображения для лучшей читаемости текста.
Фон
Каждый раздел может иметь пользовательский фон:
- Нет — используется фон страницы по умолчанию.
- Сплошной цвет — выбор конкретного цвета фона через color picker.
- Изображение — загрузка изображения или URL. При фоне-изображении можно настроить темноту наложения, цвет наложения, размытие фона и цвет текста (светлый или тёмный).
- Нажмите Сохранить изменения, когда закончите.
Живой предпросмотр с переключателем устройств
При редактировании раздела правая сторона редактора показывает живой предпросмотр отрендеренного раздела в iframe. Предпросмотр обновляется автоматически при изменении контента и настроек.
Вверху карточки предпросмотра находится переключатель устройств с тремя кнопками:
- Мобильный — ограничивает предпросмотр до 375px, как типичный телефон.
- Планшет — ограничивает предпросмотр до 768px, как типичный планшет.
- Десктоп — предпросмотр на полную доступную ширину.
Совет: Всегда проверяйте разделы в мобильной ширине. Текст hero, размещение кнопок и количество колонок часто требуют корректировки для телефонов.
Переключение видимости раздела
Вы можете быстро показать или скрыть раздел без удаления:
- В редакторе страницы нажмите иконку глаза на карточке раздела.
- Раздел переключится между видимым и скрытым.
- Скрытые разделы показывают метку «Скрыт» и не появляются на публичной странице.
Дублирование раздела
- В редакторе страницы используйте действие дублирования на карточке раздела.
- Копия раздела (со всем контентом и настройками) вставится сразу после оригинала.
Удаление раздела
- В редакторе страницы нажмите иконку удаления (корзина) на карточке раздела.
- Подтвердите удаление по запросу.
Важно: Удаление раздела навсегда удаляет его и контент. Это нельзя отменить.
Ширина контейнера раздела
Каждый раздел можно настроить с одной из трёх ширин контейнера:
- На всю ширину — контент на всю ширину страницы.
- Контейнер — контент ограничен стандартной максимальной шириной (по умолчанию).
- Узкий — контент в узкой колонке, идеально для текстовых разделов.
Следующие шаги
- Настройка дизайна — темы, цвета и шрифты
- Справочник персонала — настройка страницы персонала/руководства