Раздел – Цветовой стиль

Страницы состоят из полностью редактируемых разделов, плавно соединенных сверху вниз. Благодаря разнообразию разделов в вашем распоряжении настройка страниц в соответствии с вашими предпочтениями становится легкой.

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

В этой статье

Вы можете настроить цвета и фоновое изображение раздела, выполнив действия, указанные ниже:

  • Наведите курсор на раздел, над которым хотите работать.
  • Это позволит панель инструментов редактирования в правом верхнем углу.
  • Нажмите на Редактировать раздел значок, чтобы открыть окно «Цветовой стиль».


Цвета раздела

Под Цвета На вкладке вы найдете следующие параметры:

  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 только что обновили. В данный момент мы обновляем скриншоты всех справочных статей.