header-logo
Wix LearnСовершенствуйте навыки с помощью наших курсов и учебных статей.
Wix БлогПолучайте рекомендации по веб-дизайну, маркетингу и многому другому.
Центр обучения SEOУзнайте, как увеличить органический трафик из поисковых систем.
Website developmentСоздайте собственный сайт на нашей полнофункциональной платформе.
Наймите профессионалаНайдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
В этой статье
  • Изменение фона секции
  • Анимация фона секции

Редактор Wix Harmony: Настройка фона секции

Фон секции задает настроение страницы, направляет внимание и влияет на ощущения посетителей при прокрутке. Настраивайте секции так, чтобы они соответствовали бренду сайта, и уточняйте каждую деталь: выбирайте сплошной цвет, изображение или видео из библиотеки, а также применяйте мягкие эффекты для глубины.
Снимок экрана параметров «Заменить фон» в Редакторе Wix Harmony
Полезно знать:
Экономьте время на дизайне, выбирая из широкого спектра готовых, полностью адаптивных секций. При добавлении новой секции вы можете просмотреть весь набор и выбрать шаблон, который подходит вам.

Изменение фона секции

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

Чтобы изменить фон секции:

  1. Перейдите в редактор.
  2. Выберите нужную секцию.
  3. Нажмите Заменить фон.
  4. Выберите тип фона и настройте его под свои задачи:

Анимация фона секции

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

Чтобы анимировать фон секции:

  1. Перейдите в редактор.
  2. Выберите нужную секцию.
  3. Нажмите значок Анимация .
  4. Выберите анимацию.
  5. (Необязательно) Нажмите Настроить , чтобы уточнить параметры анимации:
    • Превью при прокрутке: Нажмите значок Превью  , чтобы посмотреть, как анимация будет выглядеть при прокрутке страницы посетителями.
    • Zoom: Перетащите ползунок, чтобы увеличить или уменьшить масштаб.
    • Направление: Настройте направление анимации с помощью доступных параметров (например, по часовой стрелке или против часовой стрелки, внутрь или наружу и т. д.).
    • Скорость: Перетащите ползунок, чтобы анимация двигалась быстрее или медленнее.
    • Масштаб: Перетащите ползунок, чтобы определить, насколько сильно фон отступает назад.
    • Угол: Задайте угол поворота анимации.
    • Растянуть: Задайте глубину и эффект 3D для анимации.
    • Тип анимации: Выберите, должна ли анимация появляться или исчезать.
Примечания:
  • Доступные анимации зависят от типа фона, выбранного для секции (то есть цвета, изображения или видео).
  • Параметры настройки зависят от выбранной анимации.

Helpmate

Привет,

Нужны дополнительные рекомендации?
Unlock personalized helpLog in to get the most out of Helpmate.