В этой статье

Настройка фона шапки
Настройка дизайна заголовка
Настройка поведения заголовка
Скрытие хедера на определенной странице
Часто задаваемые вопросы

Редактор Wix Harmony: Настройка шапки сайта

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

Страница сайта в Wix Harmony с выделенной шапкой в верхней части

Настройка фона шапки

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

Чтобы настроить фон шапки:

Перейдите в редактор.
Выберите шапку.
Нажмите Заменить фон на панели действий.
Выберите тип фона, нажав на нужный значок: Цвет , Градиент , Изображение или Видео .
Настройка фона шапки:

Фон цвета

Фон градиента

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

Нажмите значок Добавить изображение .
(В Медиаменеджере) Выберите изображение или загрузите его на месте.
Нажмите Обновить , чтобы подтвердить.
Настройте любой из следующих параметров:
- Точка фокуса: Перетащите синюю точку на изображении, чтобы выбрать, какая часть изображения будет видна.
- Прозрачность изображения: Перетащите ползунок, чтобы сделать изображение более или менее заметным.
- Режим наложения: Выберите, как медиафайл будет смешиваться со слоем под ним.
- Цвет за изображением: Выберите цвет, который будет отображаться за фоновым изображением, если прозрачность изображения ниже 100%.
- Специальные возможности и тип подгонки: Нажмите значок Настройки , чтобы выбрать режим подгонки изображения (масштабировать по размеру, замостить или оригинальный размер) и написать Alt-текст, описывающий его.
  Примечание: Если изображение не содержит важной информации для программ чтения с экрана и поисковых систем, включите переключатель Установить как декоративное вместо этого.

Совет:

Вы всегда можете нажать Заменить изображение , чтобы выбрать другое фоновое изображение. Чтобы полностью удалить изображение, нажмите значок Удалить .
Нужно подправить изображение? Нажмите значок «Изменить» , чтобы открыть Фотостудию Wix.

Фон видео

Нажмите значок «Добавить видео» .
(В Медиаменеджере) Выберите видео или загрузите его на месте.
Нажмите Обновить , чтобы подтвердить.
Настройте любой из следующих параметров:
- Точка фокуса: Перетащите синюю точку на видео, чтобы выбрать, какая часть видео будет видна.
- Прозрачность видео: Перетащите ползунок, чтобы сделать изображение более или менее заметным.
- Режим наложения: Выберите, как медиафайл будет смешиваться со слоем под ним.
- Цвет за видео: Выберите цвет, который будет отображаться за фоновым видео, если прозрачность видео ниже 100%.
- Воспроизведение и специальные возможности: Нажмите значок «Настройки» , чтобы настроить воспроизведение видео (например, автозапуск, зацикленный повтор, качество и т. д.). Вы также можете указать доступное имя (Alt-текст) для описания видео.
  Примечание: Если в видео нет важной информации для программ чтения с экрана и поисковых систем, включите вместо этого переключатель «Сделать декоративным».
(Необязательно) Просмотрите фон видео, нажав значок «Воспроизвести» .

Совет: Вы всегда можете нажать «Заменить видео» вверху, чтобы выбрать другое фоновое видео. Чтобы полностью удалить видео, нажмите значок «Удалить» undefined .

Настройка дизайна заголовка

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

Чтобы настроить заголовок:

Перейдите в редактор.
Выберите шапку.
Нажмите значок «Все параметры дизайна» на панели действий.
Выберите, как оформить заголовок:
- Рамки : Задайте рамки заголовка, чтобы он выделялся, выбрав цвет, ширину и стиль.
- Углы : Сделайте углы заголовка более квадратными или круглыми, перетаскивая ползунок в разделе «Радиус». Нажмите значок «Редактировать отдельные углы» , чтобы настроить каждый угол отдельно.
- Тень : Добавьте внутреннюю и внешнюю тень, чтобы придать заголовку интересный 3D-эффект, настроив положение, размытие, цвет и другие параметры.
- Интервал : Перетащите ползунок, чтобы добавить пространство между заголовком и краями экрана. Нажмите значок «Редактировать отдельные стороны» , чтобы добавить отступы только для определенных сторон.

Открыты панель сайта и панель дизайна, настройка тени для заголовка

Изменение размера заголовка:

Перетащите маркер, чтобы изменить высоту заголовка. Если внизу заголовка остается много пустого места, дважды нажмите маркер, чтобы убрать это пространство.

Dragging the handle at the bottom of a header to resize it in the Wix Harmony Editor

Настройка поведения заголовка

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

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

Чтобы настроить поведение заголовка:

Перейдите в редактор.
Нажмите на хедер.
Нажмите Изменить поведение на панели действий.
Нажмите переключатель рядом с Перекрывать следующую секцию:
- Включено: Хедер находится над следующей секцией, и между ними есть четкое разделение.
- Выключено: Хедер накладывается на верхнюю часть следующей секции, создавая многослойный вид, при котором контент появляется за хедером.
Выберите эффект прокрутки:
- Следовать за страницей: Эффект прокрутки не применяется. Когда посетители прокручивают страницу вниз, хедер также уходит вверх вместе с ней, то есть исчезает из верхней части страницы.
  Примечание: Этот параметр недоступен, если хедер перекрывает следующую секцию.
- Оставаться фиксированным: Хедер остается в верхней части страницы, когда посетители прокручивают ее вверх и вниз, поэтому им легко получить доступ к меню сайта.
- Исчезновение: Когда посетители прокручивают страницу, хедер постепенно исчезает. Когда они начинают прокручивать вверх, хедер снова появляется.
- Плавное исчезновение: Хедер медленно исчезает, когда посетители прокручивают страницу, и появляется снова, когда они начинают прокручивать назад к началу страницы.
(Необязательно) Предварительно просмотрите страницу, чтобы увидеть эффект в действии.

GIF с панелью поведения хедера в Wix Harmony. При наведении на эффекты показывается предварительный просмотр эффекта

Скрытие хедера на определенной странице

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