Редактор Wix: настройка хедера сайта
3 мин. чтения
Хедер - это раздел в верхней части сайта, который обычно содержит меню и логотип вашего сайта. Поскольку хедер дает посетителям первое впечатление о вашем сайте, мы рекомендуем вам настроить его так, чтобы он соответствовал вашему бренду и эстетике сайта.
Выберите дизайн и эффект прокрутки для хедера, установите размер и границы.
Содержание
Изменение дизайна хедера
Вы можете изменить дизайн хедера. Выберите дизайн из множества пресетов и настройте такие параметры, как цвет, интервал и углы.
Чтобы изменить дизайн хедера:
- Нажмите на хедер
- Нажмите Изменить дизайн хедера.
- Выберите имеющийся дизайн или нажмите Настроить дизайн.
- Используйте параметры для настройки дизайна хедера:
- Цвет и прозрачность: выберите цвет хедера и настройте его прозрачность.
- Граница: добавьте границы в хедер, чтобы выделить его.
- Уголки: сделайте углы границы более квадратными.
- Тень: добавьте тень, чтобы придать хедеру 3D эффект.
- Интервал: задайте интервал между хедером и его смещением.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8e662bac-0b92-4908-8387-43e27fd0496e/2022/11/14/a5c946a3-bb37-450b-8fbf-3c7c6249cf47/b7782006-76ba-4fd3-b9b7-68eb6c4a0e87.png)
Примечание
Параметры настройки зависят от выбранного пресета.
Установка изображения в качестве хедера сайта
Чтобы еще больше персонализировать сайт, вы можете установить изображение в качестве хедера.
Изображение должно быть меньше, чем хедер, чтобы поместиться внутри него и быть прикрепленным корректно. Мы рекомендуем использовать изображение с разрешением и размером, совместимым с размером хедера, например изображение баннера.
Чтобы использовать изображение в качестве хедера сайта:
- Нажмите Добавить
в левой части редактора.
- Выберите Фото.
- Выберите тип изображения, которое вы хотите добавить.
- Выберите изображение и нажмите Добавить на страницу.
- Перетащите изображение в хедер и отпустите его, когда увидите сообщение Прикрепить к хедеру.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8e662bac-0b92-4908-8387-43e27fd0496e/2022/11/14/2c2ab237-dfee-4a93-a5c1-8e7e2702939a/8cf0de36-9f2b-4e3e-a1e6-a9e19cf68d42.png)
Изменение размера хедера
Вы можете изменить размер хедера, увеличив или уменьшив его.
Большие хедеры удобно использовать, если у вас много элементов, к примеру заголовок сайта, меню сайта и логотип. Хедеры меньшего размера отлично подходят для минималистичных сайтов или если большинство элементов расположено на странице, а не в хедере.
Чтобы изменить размер хедера:
- Нажмите на хедер в редакторе.
- Перетащите маркер растягивания в нижней части хедера, чтобы сделать его выше или короче.
К странице прикреплены важные элементы?
Убедитесь, что такие элементы, как меню сайта, отображаются на всех страницах. Узнайте, как настроить отображение элементов на всех страницах
Добавление эффекта прокрутки в хедер
Добавьте эффект прокрутки в хедер, чтобы выбрать, как он будет вести себя, когда посетители прокручивают страницу вниз.
Чтобы выбрать эффект прокрутки для хедера
- Нажмите на хедер
- Нажмите значок Настройки
.
- Выберите настройку прокрутки:
- Прокручивается: хедер всегда находится вверху сайта и перемещается вверх и вниз по странице.
- Замирает: хедер остается наверху страницы. Это позволяет посетителям сайта легко получить доступ к меню сайта без прокрутки к началу страницы. Мы рекомендуем сохранять небольшую высоту хедера, чтобы он не перекрывал какие-либо элементы или контент при прокрутке.
- Исчезает: когда посетители прокручивают сайт, хедер исчезает. Чтобы хедер появился снова, посетители должны начать прокрутку вверх.
- Расплывается: хедер медленно исчезает, когда посетители прокручивают сайт, и появляется снова, когда они начинают прокручиваться обратно наверх.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8e662bac-0b92-4908-8387-43e27fd0496e/2022/11/14/086113d8-1d14-4a57-8385-75f0754c6f77/c72cf3dc-8ba9-4213-88b5-d4d50b31dede.png)
Примечание
Компьютерная и мобильная версия сайтов могут иметь разные эффекты прокрутки хедера. Узнайте, как изменить настройку прокрутки хедера на мобильном сайте.