Статьи по теме: Начало работы
Эта статья также доступна на:

Настройка стилей сайта

Когда вы создаете сайт, важно, чтобы все его элементы выглядели гармонично. Глобальные настройки стилей помогут вам в этом: достаточно один раз выбрать цвета, шрифты и дизайн кнопок, и они автоматически применятся ко всем страницам сайта.


Таким образом, вам не придется редактировать каждый заголовок или кнопку отдельно — это экономит время, делает работу более удобной и позволяет создать целостный, профессиональный дизайн сайта.


Содержание:

Настройка цветов

Настройка шрифтов

Настройка дизайна кнопок


Чтобы открыть настройки стилей вашего сайта, нажмите на иконку с краской в верхней панели:

Настройка цветов


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


Первой настройкой является палитра цветов вашего сайта: она отвечает за цвета различных элементов — например, текста в полях контактной формы, даты в постах блога или цен товаров. Также она позволяет вам быстро выбирать цвета для элементов, фона и т. д., без необходимости настраивать каждый раз оттенок отдельно.


Вы можете либо самостоятельно настроить вашу палитру ①, либо выбрать один из готовых пресетов ②:

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

Настройка шрифтов


Подсказка: подробнее о настройке шрифтов вы можете узнать в нашей статье.


В разделе Текст вы можете настроить наборы шрифтов для разных ситуаций, например, заголовков разного уровня, обычных текстов или ссылок, как во многих известных текстовых редакторах.


Аналогично с палитрой, вы можете либо вручную настроить различные типы текста ①, либо выбрать готовый пресет ②:

Вам будут доступны 12 типов текста для редактирования:

Где для каждого из них вы сможете выбрать шрифт из доступных, загрузить свой, настроить его размер, высоту, отступ между символами и т. д. для каждого размера экрана отдельно:

Настройка дизайна кнопок


Подсказка: подробнее о настройке дизайна кнопок вы можете узнать в нашей статье.


Сейчас доступно два варианта дизайна кнопок, которые вы можете настроить: Главная ① и Второстепенная ②, также вы можете выбрать готовый пресет ③:

Каждый из этих вариантов может иметь Основной ① и Альтернативный ② дизайн, и для каждого варианта кнопки вы можете настроить дизайн для светлого ③ и темного ④ фона отдельно:

Не забывайте публиковать ваш сайт после изменений, чтобы они вступили в силу.

Последнее изменение: 22/09/2025

Была ли эта статья полезна?

Поделиться отзывом

Отменить

Спасибо!