Как изменить цвета, шрифты и логотип сайта
Верхнее меню и шрифты сайта выбираются на странице Конструктор сайтов → Дизайн. Цвета и логотипы сайта — это цвета и логотипы вашей компании, они задаются на странице Конфигурация → Общие.
Выбор верхнего меню и шрифтов
- 1
Откройте «Конструктор сайтов → Дизайн»
Предпросмотр на этой странице сразу показывает ваш выбор, а под ним — Цвета вашего сайта.
- 2
Выберите верхнее меню
В поле Верхнее меню выберите Цвет темы или Белый (на тёмном сайте — Цвет страницы).
- 3
Выберите шрифты
В поле Шрифты выберите Классика, Журнальная или Лаконичная.
- 4
Нажмите «Сохранить»
Кнопка Сохранить — справа вверху. На опубликованном сайте изменение появляется сразу.
Ваши фирменные цвета
Сайт берёт цвета из ваших фирменных цветов, как и ваш магазин, ваучеры и письма. Изменить их можно на странице Конфигурация → Общие → Фирменные цвета: блок Цвета на странице Конструктор сайтов → Дизайн показывает их и даёт ссылку туда.
| Фирменный цвет | Что он окрашивает |
|---|---|
| Светлое или тёмное оформление | Светлые страницы с тёмным текстом или тёмные страницы со светлым текстом — на сайте и в магазине. Ваучеры и письма остаются светлыми. |
| Акцентный цвет | Кнопки, ссылки и выделения. Из него строятся тонированные разделы, тёмные полосы и нижний колонтитул сайта. |
| Дополнительный цвет (необязательно) | Только мелкие акценты сайта: мелкий текст над заголовком, линия под ним и значки. |
Цвет должен выделяться на фоне ваших страниц. Если он не выделяется, поле называет ближайший цвет, который выделяется. Рекомендуемые цвета предлагает цвета, которые выделяются.
Верхнее меню
Поверх фото в шапке страницы верхнее меню прозрачное, с белым текстом. После прокрутки, а также на странице без фото в шапке, оно принимает выбранный вами стиль:
| Верхнее меню | После прокрутки |
|---|---|
| Цвет темы | Ваш акцентный цвет, с белым текстом |
| Белый (Цвет страницы на тёмном сайте) | Цвет самих страниц, с меню в вашем акцентном цвете |
На телефонах меню открывается в тех же цветах.
Шрифты
Каждый вариант — это пара: один шрифт для заголовков и один для текста. Классика использует Playfair Display и Inter, Журнальная — Fraunces и Source Sans 3, а Лаконичная — Manrope для того и другого.
Ваш логотип
В верхней панели сайта показывается ваш Горизонтальный логотип, а пока его нет — название вашей компании. Загрузите его на странице Конфигурация → Общие: PNG, WebP или JPEG высотой не менее 60 пикселей. Блок Логотип на странице Конструктор сайтов → Дизайн показывает, как он выглядит.
Светлый горизонтальный логотип необязателен: белые или светлые буквы на прозрачном фоне. Сайт показывает его там, где фон — фото или тёмный цвет: поверх фото в шапке страницы, на верхнем меню в вашем акцентном цвете или на тёмном сайте (в том числе в меню на телефоне), а также в нижнем колонтитуле.
Сначала загрузите горизонтальный логотип: светлый должен быть точно такого же размера в пикселях. Чтобы позже изменить размер горизонтального логотипа, сначала удалите светлый.
Частые вопросы
Это ваши фирменные цвета: их используют также ваш магазин, ваучеры и письма, поэтому они меняются в одном месте — Конфигурация → Общие → Фирменные цвета.
Нет. Они остаются светлыми, потому что их печатают и читают в почтовых приложениях. А вот магазин следует за сайтом.
Администраторы и сотрудники, которым на странице Пользователи → Управлять дан доступ к Конструктор сайтов → Дизайн: см. Доступ сотрудников. Для фирменных цветов и логотипов нужен доступ к Конфигурация → Общие.