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


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


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



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


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



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


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



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


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



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


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


  • большая часть ваших посетителей заходит на сайт с мобильных устройств;

  • у вас довольно много информации, и ее реально разместить на одной странице: онлайн-резюме, журнал и т.д.;

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


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


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



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


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


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



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




#длиннаяпрокрутка #длинныйсайт #каксоздатьсвойсайт #одностраничныйсайт #счегоначать #советыповебдизайну

ru03n.png