Вибір правильних кольорів веб-сайту має вирішальне значення для створення візуально привабливого та цілісного дизайну, який ефективно передає повідомлення бренду та покращує взаємодію з користувачем.
У цій статті:
- Поточна палітра кольорів
- Попередні налаштування палітри кольорів
- Розширене редагування
- Скинути спеціальні налаштування
Ви можете керувати кольорами свого веб-сайту в розділі «Дизайн (1)».
Щойно ви перейдете до розділу «Дизайн», натисніть вкладку «Кольори» (2).
Поточна палітра кольорів
- Вибрано Колірна палітра (1) буде відображено тут.
- Ти можеш налаштувати (2) кожен із варіантів у палітрі та виберіть кольори відповідно до ваших уподобань.
- Ви побачите п’ять варіантів кольорів – фон (3), нейтральний (4), акцент (5), темний акцент (6) і текст (7). Ці параметри визначають загальну палітру.
Примітка: Після внесення власних налаштувань до параметрів палітри кольорів або розширеного редагування ви побачите кнопку «Змінено» (8).
Нижче наведено список елементів, які впливають під час внесення змін до окремих параметрів палітри:
Попередні налаштування палітри кольорів
Попередньо налаштовані колірні палітри (1) – це попередньо визначені комбінації кольорів, ретельно підібрані для швидкого та зручного надання вашому веб-сайту певного вигляду.
Ви можете легко змінити кольори свого веб-сайту, змінивши попередні налаштування. Він буде застосований у всьому світі на вашому веб-сайті.
Ви можете фільтрувати (2) список , вибравши пресети «Усі», «Світлі», «Темні» або «Жирний». Після вибору фільтра ви побачите лише пов’язані палітри.
Щоб вибрати палітру кольорів (3), просто натисніть на неї та опублікуйте (4) зміни.
Ви можете змінити налаштування палітри за замовчуванням, налаштувавши параметри кольорової палітри або в розділі "Додаткове редагування".
Розширене редагування
За допомогою Advanced Edit ви можете налаштувати колір кожного окремого елемента вашого веб-сайту, надаючи вам повний ручний контроль над його естетикою. У розділі «Розширене редагування» ви знайдете такі параметри:
- Параметри кольору сайту
- Параметри кольору лайтбокса
- Параметри кольорів карток
- Параметри кольору меню
- Параметри кольору тексту
- Параметри кольорів кнопок і посилань
Параметри кольору сайту
- Назва Сайту: Виберіть колір тексту для заголовка сайту.
- Фон сайту: Встановіть базовий колір для вашого сайту.
- Фон заголовка: Встановіть основний колір для заголовка веб-сайту.
- Межа заголовка: Установіть колір рамки для заголовка веб-сайту.
- Фон нижнього колонтитула: Установіть базовий колір для нижнього колонтитула вашого сайту.
- Межа нижнього колонтитула: Установіть колір рамки для нижнього колонтитула вашого сайту.
- Назва сайту в нижньому колонтитулі: Виберіть колір тексту для заголовка сайту, який відображатиметься у нижньому колонтитулі вашого веб-сайту.
- Текст нижнього колонтитула: Установіть колір тексту нижнього колонтитула вашого сайту.
- Наведення курсора на меню нижнього колонтитула: Встановіть колір елементів нижнього колонтитула під час наведення курсора.
Параметри кольору лайтбокса
- Довідкова інформація: Встановіть колір фону (накладання), який з’являється під час перегляду зображень у режимі лайтбокс.
- Текст/Елементи: Установіть колір стрілок навігації, значків та інших елементів у повному перегляді зображення.
Варіант кольору карток
- Довідкова інформація: Установіть колір картки для елементів динамічного списку (наприклад, списків тексту/зображень), присутніх на вашому веб-сайті. Колір картки використовується як контур і фон для елементів списку.
- Межа: Установіть колір рамки картки. Для окремих розділів можна вибрати колір за замовчуванням або спеціальний.
Параметри кольору меню
- Текст меню: Встановити колір тексту для елементів навігаційного меню.
- Наведення курсора на текст меню: Виберіть колір тексту для пунктів меню, наводячи на них курсор.
- Активний текст меню: Виберіть колір тексту активного меню.
- Текст спадного меню: Укажіть колір тексту для пунктів спадного меню.
- Наведення курсора на текст спадного меню: Виберіть колір наведення для пунктів спадного меню.
- База тексту спадного меню: Виберіть основний колір для пунктів спадного меню.
Параметри кольору тексту
- Заголовок (H1): Виберіть колір шрифту для заголовка (H1).
- Заголовок (H2): Виберіть колір шрифту для заголовка (H2).
- Заголовок (H3): Виберіть колір шрифту для заголовка (H3).
- Заголовок (H4): Виберіть колір шрифту для заголовка (H4).
- Текст абзацу: Виберіть колір шрифту для всього тексту абзацу (P звичайний, P маленький і P великий).
Параметри кнопок і посилань
- Кнопки: Виберіть колір тла кнопок тут.
- Текст кнопки: Виберіть колір тексту кнопки.
- Текст посилання: Установіть колір тексту посилань для всіх посилань на веб-сайті.
- Наведення курсора на текст посилання: Установіть колір тексту посилання, який наводиться на веб-сайт.
Скинути спеціальні налаштування
Ви можете легко скинути параметри палітри за замовчуванням, якщо ви змінили кольори акцентів, відредагувавши палітру або налаштувавши параметри кольорів у Розширеному редагуванні.
Ви побачите кнопку «Змінено». Наведіть курсор на кнопку, вона зміниться на Скинути. Ви можете відновити початкові зміни тут.