ПомощьВыбор цветовой схемы и шрифтов

Выбор цветовой схемы и шрифтов

Цель раздела: познакомиться с возможностями смены стилей для текущего шаблона.

Где найти: «Внешний вид» → «Настроить» → «Стили сайта» (название раздела может отличаться в зависимости от шаблона).

1. Настройка цветовых параметров

В разделе представлены отдельные поля для задания цветов ключевых элементов сайта.

  1. Откройте «Стили сайта».
  2. Найдите блоки настроек (могут отличаться на разных шаблонах):
    • «Цвета текста» - задайте основной цвет текстового контента;
    • «Фон сайта» - выберите цвет или градиент для фона страниц;
    • «Кнопки» - настройте:
      • основной цвет кнопки;
      • цвет при наведении;
      • цвет текста на кнопке.
  3. Для каждого элемента:
    • кликните по цветовому полю (обычно отображается как квадрат с текущим цветом);
    • в открывшейся палитре выберите оттенок или введите HEX‑код (например, #FF5733);
    • при необходимости настройте прозрачность (ползунок «Непрозрачность»).
  4. Нажмите «Опубликовать», чтобы применить изменения.

Примеры стилизации одного из наших шаблонов используя кастомайзер.

Примечание:

  • Если палитра не открывается, значит шаблон не поддерживает кастомизацию цвета для этого элемента.
  • Некоторые темы позволяют задавать цвета только для отдельных секций (например, шапки или подвала).

2. Выбор шрифтов из предустановленного набора

Шаблон предоставляет ограниченный набор подключённых шрифтов - загрузка собственных файлов невозможна.

  1. В разделе «Стили сайта» найдите подраздел «Типографика» или «Шрифты».
  2. Выберите элементы для настройки (доступные варианты зависят от темы):
    • «Заголовки» (H1–H6);
    • «Основной текст»;
    • «Кнопки»;
    • «Подписи».
  3. Для каждого элемента:
    • откройте выпадающий список шрифтов;
    • выберите вариант из предложенных (например, Roboto, Open Sans, Montserrat);
    • при наличии настройте:
      • размер (в px или rem);
      • насыщенность (от 300 до 900);
      • межстрочный интервал (line‑height).
  4. Нажмите «Опубликовать».

Важно:

  • Если подраздел «Шрифты» отсутствует, значит тема не позволяет менять типографику через интерфейс.
  • Изменения применяются глобально - шрифт поменяется во всех блоках, где используется выбранный элемент (например, все заголовки H2).

Типичные проблемы и их решения

  1. Не открывается палитра цветов
    • Причина: шаблон не поддерживает настройку для этого элемента.
    • Решение: проверьте документацию темы или обратитесь в поддержку.
  2. Шрифт не меняется
    • Причина: выбранный элемент не использует типографику из настроек (например, кастомный блок).
    • Решение: убедитесь, что редактируемый элемент связан с глобальными стилями темы.
  3. Цвета/шрифты не сохраняются
    • Причина: конфликт с кэшем или неактивная кнопка «Опубликовать».
    • Решение:
      1. Очистите кэш браузера («Настройки» → «Конфиденциальность» → «Очистить историю»).
      2. Перезагрузите страницу (Ctrl + F5).
      3. Повторно нажмите «Опубликовать» в кастомайзере.
  4. Нет списка шрифтов
    • Причина: тема использует фиксированную типографику без вариантов выбора.
    • Решение: свяжитесь с поддержкой темы для уточнения возможностей кастомизации.

После завершения

  • Проверьте отображение цветов и шрифтов:
    • на всех типах страниц (главная, статьи, контакты);
    • в мобильной версии (через режим предпросмотра в кастомайзере);
    • в разных браузерах (Chrome, Firefox, Safari, Edge).
  • Убедитесь, что:
    • текст читаем на фоне (контрастность ≥ 4.5:1 для основного текста);
    • шрифты не «съежают» при изменении размера окна.