• 0k
  • 0
Веб-дизайн \ 30 Январь 2014

Закрепляем позиции: как добавить фиксированный хедер на сайт Wix

В редакторе Wix появилась новая крутая дизайнерская фишка – фиксированные хедеры. «Фиксированный» подразумевает, что хедер закрепляется в верхней части сайта и остается там, даже когда пользователь пролистывает страницу вниз.

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

Почему это так модно?

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

Популярность фиксированных хедеров объясняется еще и другим модным трендом, о котором мы ранее писали в блоге Wix, – длинной прокруткой. Если длина страницы постоянно увеличивается, в какой-то момент станет очень неудобно прокручивать страницу до самого низа и потом возвращаться наверх, чтобы использовать меню. Фиксируя хедер и меню в том числе, вы даете посетителям возможность свободно перемещаться по сайту, не прыгая вверх-вниз по странице. Это сделает ваш сайт гораздо удобней!

Подходит ли фиксированный хедер вашему сайту?

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

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

Вот отличный пример сайта с фиксированным хедером от пользователей Wix, которые украсили свой сайт в честь Рождества:

Carnation Coquito >>

Как добавить фиксированный хедер на сайт Wix

Итак, переходим к самой интересной части нашей программы. Нет ничего проще, чем добавить фиксированный хедер на ваш сайт:

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

  • Кликните на хедер, чтобы открыть окно настроек.
  • Поставьте галочку в поле «Фиксировать».

Вот и все! Хедер вашего сайта зафиксирован.


Оставайтесь в курсе
новинок блога

Подпишитесь на блог и не пропустите ни одной статьи!

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес

Давайте дружить \ 

Подпишитесь на нашу рассылку и получайте
новые статьи блога прямо себе на почту.

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес