Як налаштувати стиль сторінки
Ви можете налаштувати дизайн вашого сайту під єдиний стиль бренду. Формуйте візуальну ідентичність за допомогою основної палітри кольорів і шрифтів для елементів сайту. Налаштування, які ви вибрали в Стилі сторінки (Page styles), будуть успадковуватися рештою елементів.
Рекомендуємо копіювати елементи, щоб зберегти єдиний стиль у дизайні сторінки без додаткового налаштування.
Читайте докладніше: Налаштування зовнішнього вигляду елементів.
Щоб перейти до параметрів стилю сторінки, натисніть відповідну піктограму сторінки у верхньому лівому куті.
Палітра кольорів
В секції Схема кольорів (Color scheme) ви можете вибрати кольори, які будуть переважати в елементах сайту.
Щоб налаштувати колірну схему всіх елементів окремо, натисніть Налаштувати (Customize) та виберіть колір:
| Світлий (Light) | Використовується як тло для темних елементів сайту. |
| Темний (Dark) | Використовується як фон для світлих елементів сайту. |
| Основний (Primary) | Колір вашого бренду, використовується для привернення уваги. |
| Допоміжний (Secondary) | Використовується для привернення уваги, контрастуючи з основним. |
| Акцентний (Accent) | Використовується для виділення унікальних елементів сайту. |
Стилі тексту
В секції Стиль тексту (Text styles) ви можете вибрати встановлені шрифтові пари або налаштувати шрифти для абзаців та заголовків, щоб вони відповідали стилю вашого сайту та зберігалася цілісність дизайну.
Щоб змінити шрифти для абзаців та заголовків окремо, натисніть Налаштувати (Customize).
Ви можете вибрати шрифт, розмір шрифту, зробити літери великими або маленькими, а також відрегулювати висоту і ширину текстового рядка.
Налаштування кнопок відповідають розмірам та шрифтам, які ви обрали.
Для кнопки віджета Форма розмір шрифту залежить від вибраного розміру кнопки: S — 0,8 розміру від вказаного в налаштуваннях, M — збігається з вибраним, L — 1,2 від вказаного шрифту.
Ви також можете додати до конструктора свої власні шрифти, які передбачені вашим брендовим стилем.
Читайте докладніше: Як додати сторонній шрифт на сайт.
Всі шрифти адаптуються до мобільної версії. Ви також можете налаштувати шрифт самостійно для мобільної версії. Для цього натисніть на відповідний перемикач і виберіть параметри.
Стилі кнопок
В секції Кнопки ви можете вибрати стилі всіх кнопок на сайті – в віджеті Кнопка, Форма, Платежі, Реєстрація і тд.
Щоб надати сайту власний стиль, натисніть Налаштувати та перейдіть у необхідну вкладку:
| Основний (Primary) | Використовується для першочергових кнопок заклику до дії, де потрібно привернути більше уваги. |
| Вторинний (Secondary) | Використовується для менш важливих кнопок. Колір цієї кнопки за замовчуванням більш блідий. |
Щоб змінити вигляд кнопок, можна використовувати наступні параметри:
| Стиль тексту (Text style) | Показує стиль тексту, вибраний в налаштуванні шрифтів. Щоб змінити його, натисніть Редагувати (Edit) та у секції Кнопка виберіть шрифт, розмір шрифту та відрегулюйте висоту та ширину текстового рядка. | |
| Колір тексту (Text color) | Визначає колір тексту на кнопці. Натисніть на піктограму та виберіть потрібний колір. | |
| Колір фону (Background color) | Визначає колір фону кнопки. Натисніть на піктограму та виберіть потрібний колір. | |
| Контур (Countour) | Додає лінію навколо кнопки її меж. Активуйте перемикач, введіть значення у пікселях для визначення товщини лінії, виберіть тип лінії та її колір. | |
| Ефект при наведенні (Hover effect) | Додає ефекти при наведенні, щоб збільшити кількість конверсій та спонукати відвідувачів виконати дію на сторінці. | |
| Прозорість (Opacity) | Буде змінюватись прозорість кнопки зі 100% на вказану. | |
| Тінь (Shadow) | Навколо кнопки буде з’являтись тінь по периметру. | |
| Альтернативний колір (Alternative color) | Кольорова схема кнопки буде змінюватись.
Виберіть колір тексту, фону та контуру, які будуть відображатись при наведенні. |
|
Оновлено: 18.10.2024
або