Одностраничником называют 2 типа сайтов: сайты-визитки и лендинги, они же “посадочные страницы”. Визитки обычно заказывают небольшие компании, которым нужен легкий и максимально простой в обслуживании сайт для размещения информации о себе и своих услугах. Лендинг также состоит из одной страницы, но отличается тем, что нацелен на повышение конверсии и использует анимированные эффекты при скроллинге. Одностраничные шаблоны WordPress позволяют создать сайты обоих типов и не требуют наличие знаний в веб-разработке.

Содержание статьи:

35+ одностраничных шаблонов для WordPress

jupiter шаблон

Универсальный шаблон Jupiter

Один из наиболее производительных и кастомизируемых шаблонов на рынке. Он подойдет как для адаптивной landing page WordPress, так и для интернет-магазина с объемным каталогом. Тема разработана с прицелом на обеспечение высокой производительности веб-ресурса, в ней применяется Javascript плагин ленивой загрузки и выполнена оптимизация управления зависимостями и использования CPU. К шаблону приложены psd файлы. Премиальные плагины LayerSlider, VisualComposer, Master Slider, Slider Revolution входят в стоимость шаблона.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

jupiter demo 1

1. Универсальный шаблон

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

юрист вордпресс

2. Портфолио/сайт-визитка юриста

Одностраничный демо-сайт для баллотирующегося политика. Содержит анимированный счетчик, секции с призывом сделать взнос в фонд предвыборной кампании.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

тема фотограф

3. Универсальный/портфолио фотографа

Стильный одностраничник со слайдером, к баннерам которого применен эффект затемнения, фотогалереей, счетчиками, parallax-фонами, “социальными” кнопками.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

Ещё МЕГА подборка из 50-ти шаблонов для лендинга на WordPress → Смотреть подборку

донатсы

4. Лендиг продукции: еда/донатсы

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

промо страница

5. Новогодняя страница

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

фитнес вордпресс

6. Спорт/фитнес

Сайт-визитка в светлой цветовой гамме, идеален для фитнес-тренера. Использует минимум анимированных элементов. Посетители могут ставить лайки статьям и продукции.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

crossfit

7. Спорт/кроссфит

Простой шаблон лендинг пейдж со множеством секций и кнопок, которые призывают присоединиться к клубу. Названия секций выводятся с анимацией.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

Платные шаблоны WordPress → Подборка лучших в мире из 18-ти шаблонов

агенство сайт

8. Сайт агентства, организующего ивенты/праздники

Особенности лендинга: меню, меняющее цвет при прокрутке, кнопка скачивания, галерея клиентов, форма обратной связи, форма подписки на новостную рассылку.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

сайт фотографа

9. Портфолио фотографа

Лендинг, в шапке которого дана краткая информация о фотографе, а ниже следуют “выпадающие” секции с одним большим фото. При клике по фото открывается фотогалерея.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

еда страница

10. Кафе/еда

Демо подойдет в качестве сайта-визитки. При скроллинге хедер исчезает с эффектом “fade out”. Иконка в правом нижнем углу открывает форму обратной связи.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

ручная работа

11. Ручная работа/мастерская

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

сайт медицинской клиники

12. Медицина

WordPress landing page шаблоны должны повышать конверсию. Этот демо-сайт мед. клиники определенно способен побудить посетителей заказать обратный звонок.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

промо страница beauty

13. Красота/Beauty

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

тренинги по бизнесу

14. Лекции/тренинги

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

salient

Красивая тема Salient

Salient – “отзывчивый” универсальный шаблон, по праву считающийся более легким и быстрым, чем альтернативные темы топ-селлеры. Важную роль в дизайне шаблона играют адаптивные картинки, идеально подстраивающиеся под экраны разных устройств. Тема бесплатно укомплектована продвинутой версией плагина Visual Composer. Расширенные опции кастомизации позволяют оперативно настроить шаблон одностраничного сайта WordPress под свои нужды.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

jupiter demo 15

15. Лендинг в виде блочного слайдера

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

страница для стартапа

16. Одностраничник для стартапа

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

лендинг для кафе

17. Лендинг для кафе

Красивый одностраничный сайт, состоящий из секций “О нас”, “Меню”, “Галерея”, “Контакты”. Содержит слайдер из отзывов прессы и интерактивную карту.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

landing app

18. Приложение/App

Яркий лендинг, продвигающий приложение. При прокручивании страницы секции контента сменяют друг друга, воспроизводя эффект поднимаемой/опускаемой “шторки”.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

сайт для агенства

19. Сайт-визитка для агентства

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

универсальный шаблон

20. Универсальный демо-сайт

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

digital сайт

21. Лендинг Digital агентства

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

21+ шаблона для корпоративного сайта → Смотреть подборку

jupiter demo 22

22. Промоушн пейдж для продукта

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

boo

BooBoo – мощный конструктор веб-страниц, позволяющий за минуты создать уникальный сайт с адаптивным дизайном.

Этой универсальной теме удалось получить пятизвездочный рейтинг уже через 4 дня после релиза. Она предлагает свыше 200 модульных шаблонных заготовок, качественные демо-сайты, в числе которых готовые шаблоны лендинг пейдж, предпросмотр результатов кастомизации, плавные hover эффекты, анимация и ряд других впечатляющих опций. В шаблон бесплатно добавлены Yellow Pencil Pro, Visual Composer, Slider Revolution, Master Slider, Layer Slider, Ultimate Add-on.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

бизнес тема

23. Корпоративный лендинг

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

бизнес страница

24. Бизнес визитка

Профессионально выстроенные секции позволяют описать услуги компании, представить кадровый состав, продемонстрировать достижения.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

продажа машин

25. Продажа автомобилей

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

аренда авто

26. Аренда автомобилей

На странице представлены блоки с FAQ, отзывами клиентов, достижениями и преимуществами. На джамботрон наложен блок с фильтром по авто. Сайт использует “проявляющийся” текст.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

темный дизайн

27. Сайт фотостудии, темный вариант

Базовый цвет оформления – темно-синий. В лендинге задействованы: 3D анимация, hover, blur и parallax эффекты. По кнопке на баннере появляется всплывающее видео.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

Одностраничные шаблоны wordpress. 35+ демо

28. Бизнес

Сайт-визитка со счетчиками, блоком из карточек бизнес-решений, чек-листом, слайдером из отзывов клиентов. Основные цвета темы – белый и серый.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

дизайн

29. Светлый дизайн, минимализм

Шаблон построен на parallax-эффектах и активно использует всплывающий текст в блоках контента. В основе оформления – морская тематика.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

мобильный дизайн

30. Мобильное приложение

Одностраничный сайт визитка, освещающий характеристики приложения и рассказывающий о его разработчиках. Применяет современные техники продающих страниц.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

универ, обучение

31. Лендинг университета

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

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

адвокат, юриспруденция

32. Адвокатура

Сайт, продающий услуги юридической фирмы. Последний объемный блок страницы содержит заметную форму обратной связи и контактные данные.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

флэт дизайн

33. Flat стиль

Креативный лендинг, выполненный согласно техникам плоского дизайна. Доминирующие цвета темы – белый и голубой.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

еда сайт

34. Лендинг для кафе/ресторана

Одностраничный сайт, цена которого справедливо продиктована его качеством. Слайдер с табуляцией позволяет продемонстрировать все позиции меню на одной странице.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

универсальный шаблон

35. Универсальный

Шаблон использует всплывающие элементы. Описании услуг сопровождается тематическими иконками, подвиды услуг и прайсы представлены в анимированном слайдере со вкладками.

ПОДРОБНЕЕ / СКАЧАТЬ ШАБЛОН СМОТРЕТЬ ДЕМО

ПОДБОРКА: 20 адаптивных шаблонов вордпресс на разные тематики

Я записал для вас видеоинструкцию- “Как правильно выбрать шаблон на ThemeForest“. Видео будет полезно тем, кто еще не разу не скачивал шаблоны на ThemeForest и не знает как этим сайтом пользоваться.

 

 

Скачайте чек-лист
по cозданию сайта
на WordPress

ЧТОБЫ ПОЛУЧИТЬ ЧЕК-ЛИСТ ВВЕДИТЕ
СВОЁ ИМЯ И ЕМЕЙЛ В ФОРМУ НИЖЕ
И ПОДТВЕРДИТЕ ПОДПИСКУ НА ПОЧТЕ

Добавить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Отправить