Редактор Wix: настройка хедера сайта

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

Изменение дизайна хедера

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

Чтобы изменить дизайн хедера:

  1. Нажмите на хедер
  2. Нажмите Изменить дизайн хедера.
  3. Выберите имеющийся дизайн или нажмите Настроить дизайн.
  4. Используйте параметры для настройки дизайна хедера:
    • Цвет и прозрачность: выберите цвет хедера и настройте его прозрачность.
    • Граница: добавьте границы в хедер, чтобы выделить его.
    • Уголки: сделайте углы границы более квадратными.
    • Тень: добавьте тень, чтобы придать хедеру 3D эффект.
    • Интервал: задайте интервал между хедером и его смещением.
                                            
Примечание
Параметры настройки зависят от выбранного пресета.

Установка изображения в качестве хедера сайта

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

Чтобы использовать изображение в качестве хедера сайта:

  1. Нажмите Добавить в левой части редактора.
  2. Выберите Фото.
  3. Выберите тип изображения, которое вы хотите добавить.
  4. Выберите изображение и нажмите Добавить на страницу.
  5. Перетащите изображение в хедер и отпустите его, когда увидите сообщение Прикрепить к хедеру. 

Изменение размера хедера

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

Чтобы изменить размер хедера:

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

Добавление эффекта прокрутки в хедер

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

Чтобы выбрать эффект прокрутки для хедера

  1. Нажмите на хедер
  2. Нажмите значок Настройки .
  3. Выберите настройку прокрутки:
    • Прокручивается: хедер всегда находится вверху сайта и перемещается вверх и вниз по странице.
    • Замирает: хедер остается наверху страницы. Это позволяет посетителям сайта легко получить доступ к меню сайта без прокрутки к началу страницы. Мы рекомендуем сохранять небольшую высоту хедера, чтобы он не перекрывал какие-либо элементы или контент при прокрутке.
    • Исчезает: когда посетители прокручивают сайт, хедер исчезает. Чтобы хедер появился снова, посетители должны начать прокрутку вверх.
    • Расплывается: хедер медленно исчезает, когда посетители прокручивают сайт, и появляется снова, когда они начинают прокручиваться обратно наверх.
Примечание
Компьютерная и мобильная версия сайтов могут иметь разные эффекты прокрутки хедера. Узнайте, как изменить настройку прокрутки хедера на мобильном сайте.

Была ли статья полезна?

|