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