Центр управления темой (Theme Options) в Gridbox определяет глобальный облик всего веб-ресурса. Вместо настройки каждого отдельного абзаца или кнопки вручную, вы можете задать единые правила для типографики, адаптивных брейкпоинтов и цветовых схем. Эти параметры автоматически наследуются всеми страницами, использующими данную тему.
1. Глобальная палитра (Color Palette)
Вкладка **Colors** позволяет настроить централизованную экосистему цветов сайта:
- ■ Вы можете переопределить базовые системные переменные: основной цвет бренда (Primary), цвет акцентов, фоны и оттенки текстов.
- ■ При изменении цвета в глобальной палитре он автоматически обновится на всех страницах, где был применен этот цветовой маркер, что избавляет от ручной переверстки.
2. Глобальная типографика (Typography)
Раздел **Typography** отвечает за иерархию текстовых стилей сайта:
- ■ Здесь настраиваются шрифты, размеры (Font Size), межстрочные интервалы (Line Height) и начертания для основного текста (Body) и всех уровней заголовков от
<h1>до<h6>. - ■ Вы можете задать индивидуальные параметры шрифтов для каждого типа устройств (ПК, планшет, смартфоны) прямо в этом меню, обеспечивая идеальную адаптивность по умолчанию.
Вкладка Code в настройках темы предназначена для интеграции сквозных скриптов и стилей. Сюда прописываются кастомные CSS-правила, переопределяющие дефолтные стили плагинов, а также JavaScript-коды (например, Google Tag Manager, пиксели соцсетей или онлайн-чаты), которые должны аппаратно срабатывать на абсолютно всех страницах сайта, привязанных к этой теме.
3. Адаптивные брейкпоинты (Layout & Breakpoints)
Параметры разметки позволяют переопределить стандартную сетку конструктора под специфические требования дизайна:
- ■ Page Width: Задает максимальную ширину стандартного контейнера строки (по умолчанию 1200px).
- ■ Breakpoints: Позволяет вручную скорректировать контрольные точки ширины экранов в пикселях, при которых верстка Gridbox переключается в режимы Laptop, Tablet или Phone.
Начинайте разработку любого сайта со строгого заполнения Theme Options. Сначала подключите веб-шрифты и пропишите глобальные стили для текста и заголовков, настройте палитру бренда и только потом приступайте к верстке блоков. Такой системный подход гарантирует чистый код, высокую скорость загрузки страниц и избавит вас от написания сотен строк инлайн-стилей для отдельных плагинов.
