Конструктор Gridbox позволяет кардинально менять внешний вид сайта с помощью тем оформления. Тема в Gridbox — это не просто CSS-стили, а полноценная дизайн-система, включающая макеты шапки и подвала, настройки глобальной типографики, палитры цветов и предопределенные шаблоны системных страниц. Вы можете устанавливать темы из облачной библиотеки разработчика или импортировать собственные заготовки.
1. Установка темы из облачной библиотеки (Cloud Library)
Для пользователей с активной Pro-лицензией доступна обширная библиотека готовых премиум-дизайнов, разбитых по категориям:
- ■ В панели управления Gridbox перейдите в раздел Themes (Темы) в левом сайдбаре.
- ■ Нажмите кнопку Add New Item (Добавить) в верхнем меню.
- ■ В открывшемся каталоге выберите понравившийся дизайн. Вы можете нажать Live Preview для предварительного просмотра макета на демо-сайте.
- ■ Нажмите кнопку Install. Конструктор автоматически скачает пакет темы с облачного сервера и развернет его в вашей системе.
2. Активация и назначение темы по умолчанию
На сайте может быть установлено несколько тем одновременно, но активной (темой по умолчанию) может быть только одна:
- ■ В менеджере тем найдите установленный шаблон.
- ■ Наведите курсор на карточку темы, нажмите на иконку контекстного меню (три точки) и выберите пункт Set as Default (Установить по умолчанию).
- ■ Рядом с названием темы загорится индикатор-звездочка. Теперь все новые одиночные страницы сайта будут автоматически создаваться на базе структуры и стилей этой темы.
Если вы приобрели тему на стороннем маркетплейсе или переносите собственный архив макета с другого сайта, облачная библиотека не нужна. В разделе Themes нажмите на иконку шестеренки/настроек в правом верхнем углу и выберите пункт Import. Загрузите XML-файл темы со своего компьютера. Она мгновенно появится в общем списке установленных шаблонов.
Будьте аккуратны при переключении темы по умолчанию на сайтах с уже готовым контентом. Смена дефолтной темы мгновенно перезапишет глобальные стили, шрифты и, что самое критичное, структуру шапки (Header) и подвала (Footer) на всех страницах, которые жестко привязаны к базовому макету. Если вам нужно протестировать новую тему, не делайте её основной сразу: создайте под неё одну тестовую страницу, назначьте новую тему в её индивидуальных настройках и проверьте корректность отображения блоков.