• 0k
  • 0
Веб-дизайн \ 23 Сентябрь 2015

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

Замечали, что в последнее время появилось много сайтов, состоящих из одной-единственной длинной страницы? Пинтерест, Фликр, лента новостей в Фейсбуке — они буквально повсюду! Действительно, подход к оформлению сайтов очень изменился: веб-дизайнеры поняли, что люди все чаще выходят в интернет со смартфонов и планшетов, и стали это учитывать.

Теперь мы не загружаем страницу за страницей, а прокручиваем сайты сверху вниз. У этого тренда, кстати, есть одно важное преимущество: просматривая не отдельные разделы, а весь сайт, пользователь знакомится с вашим брендом поближе и начинает интересоваться тем, что вы делаете и предлагаете. Неплохо, правда? Мы подумали, что вы наверняка не захотите отставать от моды, и написали руководство по созданию такого сайта. Три несложных шага — и дело сделано!

1. Выберите готовый шаблон Wix

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

2. Добавьте контент

Кстати, можно не ограничиваться готовыми вариантами, а сделать все с нуля на основе пустого шаблона. Наполняя сайт контентом, имейте в виду, что когда вы добавляете новые разделы, сайт автоматически удлиняется, чтобы все вошло. Хотите увеличить длину страницы — перетащите любые элементы вниз. Плюс «длинного» сайта в том, что вы можете легко и быстро добавлять новые блоки, не переделывая его целиком.

3. Проставьте якорные ссылки

Якорные ссылки — элемент обязательный. Они помогут быстро сориентироваться и найти нужную информацию, не прокручивая весь сайт. Пара кликов — и пользователь на месте: вверху, внизу или в разделе «Помощь». Подробная статья о том, что это и зачем — в блоге, инструкция по добавлению — в Центре поддержки.

Не уверены, что вам нужен именно «длинный» сайт?

Действительно, несмотря на всю свою популярность, сайт с длинной прокруткой нельзя назвать универсальным решением. Но он точно подойдет вам, если:

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

А вот если у вас много фотографий и видео, сайт с длинной прокруткой — не лучший выбор. Медиафайлы грузятся долго, а пользователям это ужасно не нравится. «Тяжеловесный» контент лучше распределить по нескольким страницам, максимально освободив главную.

Ну что, определились и готовы попробовать? Если да, то предлагаем три отличных шаблона:

Лендинг: свежие соки >> 

Портфолио веб-дизайнера >>

Студия звукозаписи >>

Студия веб-дизайна >>


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

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

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

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

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

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

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

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

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

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