Как сделать красивый сайт с длинной прокруткой
Замечали, что в последнее время появилось много сайтов, состоящих из одной-единственной длинной страницы? Пинтерест, Фликр, лента новостей в Фейсбуке — они буквально повсюду! Действительно, подход к оформлению сайтов очень изменился: веб-дизайнеры поняли, что люди все чаще выходят в интернет со смартфонов и планшетов, и стали это учитывать.
Теперь мы не загружаем страницу за страницей, а прокручиваем сайты сверху вниз. У этого тренда, кстати, есть одно важное преимущество: просматривая не отдельные разделы, а весь сайт, пользователь знакомится с вашим брендом поближе и начинает интересоваться тем, что вы делаете и предлагаете. Неплохо, правда? Мы подумали, что вы наверняка не захотите отставать от моды, и написали руководство по созданию такого сайта. Три несложных шага — и дело сделано!
1. Выберите готовый шаблон Wix
Не хотите тратить много времени? Возьмите любой из наших готовых шаблонов с длинной прокруткой, добавьте свои тексты, замените фотографии и можете публиковать. На картинке ниже — наши любимые экземпляры.
2. Добавьте контент
Кстати, можно не ограничиваться готовыми вариантами, а сделать все с нуля на основе пустого шаблона. Наполняя сайт контентом, имейте в виду, что когда вы добавляете новые разделы, сайт автоматически удлиняется, чтобы все вошло. Хотите увеличить длину страницы — перетащите любые элементы вниз. Плюс «длинного» сайта в том, что вы можете легко и быстро добавлять новые блоки, не переделывая его целиком.
3. Проставьте якорные ссылки
Якорные ссылки — элемент обязательный. Они помогут быстро сориентироваться и найти нужную информацию, не прокручивая весь сайт. Пара кликов — и пользователь на месте: вверху, внизу или в разделе «Помощь». Подробная статья о том, что это и зачем — в блоге, инструкция по добавлению — в Центре поддержки.
Не уверены, что вам нужен именно «длинный» сайт?
Действительно, несмотря на всю свою популярность, сайт с длинной прокруткой нельзя назвать универсальным решением. Но он точно подойдет вам, если:
большая часть ваших посетителей заходит на сайт с мобильных устройств;
у вас довольно много информации, и ее реально разместить на одной странице: онлайн-резюме, журнал и т.д.;
вы часто обновляете сайт, а свежие записи находятся сверху. Это может быть блог или сайт с пользовательским контентом, например, с отзывами.
А вот если у вас много фотографий и видео, сайт с длинной прокруткой — не лучший выбор. Медиафайлы грузятся долго, а пользователям это ужасно не нравится. «Тяжеловесный» контент лучше распределить по нескольким страницам, максимально освободив главную.
Ну что, определились и готовы попробовать? Если да, то предлагаем три отличных шаблона:
