Статті на: Початок роботи
Ця стаття також доступна на:

Налаштування стилів сайту

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


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


Зміст:

Налаштування кольорів

Налаштування шрифтів

Налаштування дизайну кнопок


Щоб відкрити налаштування стилів вашого сайту, натисніть на іконку з фарбою у верхній панелі:


Налаштування кольорів


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


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


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

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

Налаштування шрифтів


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


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


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

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

Де для кожного з яких ви зможете вибрати шрифт з доступних, завантажити свій, налаштувати його розмір, висоту, відступ між символами тощо для кожного розміру екрану окремо:


Налаштування дизайну кнопок


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


Наразі доступно два варіанти дизайну кнопок, які ви можете налаштувати: Головна ① та Другорядна ②, також ви можете вибрати готовий пресет ③:

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


Не забувайте публікувати ваш сайт після змін, щоб вони застосувалися.

Оновлено: 22/09/2025

Чи була ця стаття корисною?

Поділіться своїм відгуком

Скасувати

Дякуємо!