Сообщество строителей сайтов на Joomla + Gridbox

Gridbox 3.0 уже вышел — как безопасно обновиться

Личный кабинет

Глобальные настройки и конфигурация темы в Gridbox

Центр управления темой (Theme Options) в Gridbox определяет глобальный облик всего веб-ресурса. Вместо настройки каждого отдельного абзаца или кнопки вручную, вы можете задать единые правила для типографики, адаптивных брейкпоинтов и цветовых схем. Эти параметры автоматически наследуются всеми страницами, использующими данную тему.

1. Глобальная палитра (Color Palette)

Вкладка **Colors** позволяет настроить централизованную экосистему цветов сайта:

  • ■ Вы можете переопределить базовые системные переменные: основной цвет бренда (Primary), цвет акцентов, фоны и оттенки текстов.
  • ■ При изменении цвета в глобальной палитре он автоматически обновится на всех страницах, где был применен этот цветовой маркер, что избавляет от ручной переверстки.

2. Глобальная типографика (Typography)

Раздел **Typography** отвечает за иерархию текстовых стилей сайта:

  • ■ Здесь настраиваются шрифты, размеры (Font Size), межстрочные интервалы (Line Height) и начертания для основного текста (Body) и всех уровней заголовков от <h1> до <h6>.
  • ■ Вы можете задать индивидуальные параметры шрифтов для каждого типа устройств (ПК, планшет, смартфоны) прямо в этом меню, обеспечивая идеальную адаптивность по умолчанию.
Внедрение глобального кода (Code):

Вкладка Code в настройках темы предназначена для интеграции сквозных скриптов и стилей. Сюда прописываются кастомные CSS-правила, переопределяющие дефолтные стили плагинов, а также JavaScript-коды (например, Google Tag Manager, пиксели соцсетей или онлайн-чаты), которые должны аппаратно срабатывать на абсолютно всех страницах сайта, привязанных к этой теме.

3. Адаптивные брейкпоинты (Layout & Breakpoints)

Параметры разметки позволяют переопределить стандартную сетку конструктора под специфические требования дизайна:

  • ■ Page Width: Задает максимальную ширину стандартного контейнера строки (по умолчанию 1200px).
  • ■ Breakpoints: Позволяет вручную скорректировать контрольные точки ширины экранов в пикселях, при которых верстка Gridbox переключается в режимы Laptop, Tablet или Phone.
💡 СОВЕТ РАЗРАБОТЧИКУ:

Начинайте разработку любого сайта со строгого заполнения Theme Options. Сначала подключите веб-шрифты и пропишите глобальные стили для текста и заголовков, настройте палитру бренда и только потом приступайте к верстке блоков. Такой системный подход гарантирует чистый код, высокую скорость загрузки страниц и избавит вас от написания сотен строк инлайн-стилей для отдельных плагинов.