Розділ – Стиль кольору

Сторінки складаються з повністю редагованих розділів, плавно з’єднаних зверху вниз. Завдяки різноманітним розділам у вашому розпорядженні легко налаштувати сторінки відповідно до своїх уподобань.

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

У цій статті

Ви можете налаштувати кольори та фонове зображення розділу, виконавши наведені нижче дії.

  • Наведіть курсор на розділ, над яким ви хочете працювати.
  • Це дозволить панель інструментів редагування у верхньому правому куті.
  • Натисніть на Редагувати розділ щоб відкрити вікно «Стиль кольору».


Кольори розділу

Відповідно до Кольори вкладці ви знайдете такі опції:

  1. Колір фону: Колір, який відображається за всім вмістом у розділі, називається Колір фонуВи можете налаштувати колір фону розділу тут.
  2. Колір тексту заголовка: Текст, позначений шрифтами заголовків, разом утворює Текст заголовкаЦе включає Заголовок 1, Заголовок 2, Заголовок 3 та Заголовок 4. Налаштуйте колір тексту заголовка тут.
  3. Колір тексту абзацу: Текст, призначений як шрифт абзацу, разом складається з Абзац ТекстЦе включає абзаци, дрібні абзаци та великі абзаци. Налаштуйте колір абзацу тут.

Різні варіанти кольорів для кольору фону, заголовка та абзацу:

  • Установіть колір фону як дефолт (1). Колір фону буде таким же, як і для веб-сайту.
  • Параметри 2, 3, 4, 5 і 6 – це динамічні параметри кольору, які безпосередньо залежать від Попереднє налаштування палітри кольорів вибрано. Якщо вибрати світлий колір фону, колір тексту заголовка та тексту абзацу автоматично зміниться на темний і навпаки.
  • Ввімкніть кнопку Спеціальний колір (7) опція встановлення суцільний колір або застосувати розширені градієнти (лінійний або радіальний). Ви можете вручну вибрати колір, налаштувати прозорість або скористатися конструктором градієнтів для поєднання кількох кольорів та кутів. Детальніше.


Фонове зображення

  • Відповідно до Кольори вкладку, прокрутіть униз, щоб отримати доступ до Фонове зображення (1) розділ.
  • Звідси ви можете Замінити або видалити (2) існуюче фонове зображення, або Завантажте нове фонове зображення якщо його ще не додано.
  • Встановіть Фокус (3) зображення. Ви можете клацнути на будь-якій точці зображення, і фокусна точка зміниться. Фокусна точка вказує на конкретну точку або область зображення, виділену в межах розділу.


Параметри відображення фону розділу

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

  1. Виберіть дисплей ширина та висота фонового зображення.
    • Масштаб і підгонка – Зображення буде відповідати ширині та висоті розділу.
    • Підгонка по ширині – Зображення буде масштабовано до ширини розділу. Висота розділу успадкує висоту зображення.
  2. Виберіть Колір накладання. 
  3. Встановіть Прозорість накладання (ви можете збільшити або зменшити інтенсивність кольору).
  4. включити анімація для фонового зображення, створюючи ефект повільного масштабування для додаткової візуальної привабливості.
  5. Вкажіть Альтернативний тег для фонового зображення тут. Це описовий текстовий атрибут, який надає альтернативну інформацію для зображення на веб-сторінці, сприяючи доступності та SEO.


Не можете знайти те, що шукаєте?

Зв’яжіться з експертом Pixpa.

Pixpa Studio щойно оновлено. Ми зараз оновлюємо всі скріншоти довідкових статей.