ТОП-10 тем с бесконечной прокруткой

Веб-разработчики не сидят на месте. WordPress является одной из самых популярных сетевых платформ в мире, и для нее регулярно выходит масса интересного. В частности, не так давно мир увидел темы «ВордПресс» с бесконечной прокруткой (скроллингом). Данный формат шаблонов быстро завоевал популярность у владельцев сайтов. На сегодняшний день, компании и независимые разработчики предлагают огромный выбор в этой категории. Но широкий ассортимент – не всегда хорошо. Найти надежный, проверенный вариант, который идеально подойдет для конкретного проекта, среди такого многообразия не просто. Поэтому прямо сейчас предлагаем вашему вниманию Топ-10 актуальных тем WP с бесконечным скроллингом. Представленные в обзоре шаблоны тщательно проверены нами и тысячами пользователей по всему миру. Остается сравнить их плюсы, минусы и найти золотую середину для вашего случая.

бесконечная прокрутка страниц сайта в WordPress вполне возможна

Функция актуальна и эффективна именно для информационного сайта. Проблема вовлеченности читателя с каждым годом становится все острее. Пользователи быстро устают от обновленных дизайнов, уникальной структуры ресурса. Интригующие заголовки и «горячие» затравки уже никого не удивляют, а нераскрытых тем практически не осталось. В подобных ситуациях выручает функционал, в частности, бесконечная прокрутка или скроллинг. Что она собой представляет? Логика читателя касаемо просмотра контента на сайте – тем, по которой можно писать научные труда. Мелкие нюансы и хитрости разожгут в нем интерес по отношению к смежным материалам. Данную функцию выполняет знакомый всем раздел «Похожие записи». Блок стал стандартом для современных ресурсов, но его эффективность, полезность ежегодно падает. Причина та же: однообразие утомило пользователей. Скроллинг без границ добавляет на сайт функцию бесконечной подгрузки постов на главной, в категориях, в открытой статье. Во-первых, это ненавязчиво подталкивает читателя к ознакомлению в другими материалами. Во-вторых, прием экономит его время, и он непременно будет благодарен. В-третьих, бесконечная прокрутка пока редко встречается в темах как нововведение. Она станет фишкой вашего блога. Прямо сейчас предлагаем вашему вниманию Топ-10 качественных и разноплановых шаблонов с грамотно реализованной функцией скроллинга.

The Issue

Тема The Issue с бесконечной прокруткой
Один из стилей темы The Issue

Молодой и очень перспективный проект на коммерческой основе. Стоимость шаблона варьируется от 59 до 65$ в зависимости от магазина. Проект появился в сети в марте 2019, но уже активно продается на специализированных площадках. Данная тема подходит как для блога, так и для магазина. Ее отличает смелый современный дизайн, наличие красивой анимации и 17 предустановленных вариантов шаблона, из которых 10 подойдут для новостного и блогового сайта, а 6 – для торговой площадки. Анализировать все не станем: рассмотрим наиболее популярные из обеих категорий. В Blog Styles лидирует тема №6. Шапка представлена логотипом на фоне в виде изображения на всю ширину экрана. Далее идет меню, в котором реализована стандартная для WP схема с 3-мя уровнями. К слову, наглядно показано, что никто не мешает блогеру параллельно использовать функции магазина. Например, для продажи обучающих курсов, книг, фотоподборок и прочего. Ниже видим линию из 3 последних записей, а также блок Featured Posts. Первые представляют собой крупные картинки с наложенными заголовками и дополнительной информации. Featured Posts занимает куда меньше места, но, за счет бокового отображения названия и категории, блок не теряется на общем фоне. Далее страница делится на 2 колонки. Первая занимает 2/3 полезного объема, являясь центральной областью со списком постов. Есть несколько вариантов структуры:

  • картинка слева, заголовок и описание справа;
  • инверсия предыдущего варианта;
  • изображение на всю ширину, название статьи и описание снизу.

Оставшаяся 1/3 отдана под боковой сайтбар. Он представлен 3 блоками: топовые категории, ссылки на соц. сети, популярные записи. Последний прикреплен к зоне обзора и постоянно обновляется. Подвал представлен серией Топ-статей или фотоподборок, рядом ссылок из главного меню и кнопками социальных сетей.

Структура интернет-магазина иная. В этой категории лидирует шаблон №1 под названием The Original. Главная представлена стильным и крупным логотипом по центру шапки, стандартным меню чуть ниже. Следующим рядом идут 3 статьи по внешнему виду похожие последние записей из блоговой темы. Далее идут категории текстовых и медийных материалов с выделенными зонами и отличной структурой. В конце главной страницы есть форма для обратной связи – обязательный атрибут для сетевого магазина.

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

Pluto Clean Personal

PCP – тема для ВордПресс сайта

Не менее интересный вариант для блога. Тема ориентирован на информационные материалы технологического, кулинарного, семейного и персонального типа. Она появилась на просторах интернета в июне 2014 года и по сей день остается популярной в своем сегменте. Проект коммерческий, и цена пакета на год составляет 70$. Это немного выше, чем в предыдущем варианте, но поверьте – оно того стоит. Pluto Clean Personal регулярно обновляется и дорабатывается. На момент выхода данного обзора (май 2019 года) она имеет более 5000 уникальных дополнений, позволяющих создать действительно оригинальный и интересный сайт по теме. У темы огромное количество особенностей. Из них выделим следующие:

  • 8 предустановленных конструкций для постов: стандартный формат, видео и аудио контент, подборки с изображениями, галереи, ссылки и цитаты;
  • автоматическая вставка QR-кодов;
  • многоуровневая настройка цветовой гаммы;
  • оригинальные настройки текста;
  • кастомная панель управления с несколькими вариантами отображения;
  • наличие удобной формы для работы с кодом;
  • настраиваемая структура страниц, записей, главной и прочего;
  • адаптивный дизайн;
  • вшитые рекламные места и настройки СЕО;
  • импорт/экспорт элементов.

Список далеко не полный. Отдельным столпом стоит бесконечная прогрузка записей. Разработчики не просто добавили функцию, но и постоянно дорабатывают ее. Делается это за счет уменьшения фактического веса постов, а также корректировки конструкций на уровне кода. Если сравнивать с The Issue, то новые посты подгружаются на 35-50% быстрее. Внешний вид шаблона соответствует современным тенденциям. Логотип находится в левом верхнем углу, справа от него меню с маркерами. Ниже идет линия с популярными записями, а далее весь список постов в шахматном порядке.  Учитывая многогранность настройки и поддержку плагина WooCommerce, Pluto Clean также подойдет для интернет-магазина по продаже продуктов питания, игр, детских товаров, автомобильных запчастей и многого другого.

Brick+Mason

Brick + Mason WP тема
Пример работы темы Brick + Mason под ВордПресс

Проект с минималистическим уклоном. Это тема не является бесплатной, но годовая стоимость составляет всего 24$. За 5 долларов можно докупить поддержку от разработчиков, но она вряд ли пригодится. Brick+Mason – это простой и универсальный вариант для тех, кто не делает ставку на дизайн, а собирается брать читателя за счет ценности и оригинальной подачи контента. Создатели предлагают 28+ вариаций дизайна и структуры. Каждая сделана на европейский манер: большие изображения, стандартные шрифты, миниатюрный текст. Есть парочка вариантов с оглядкой на другие темы. К примеру, для кинематографа подойдет Velika или Refined. В качестве основы для сайта компании лучше взять The Contractor, а для классики – Le Maitre’d. Присутствуют наработки и для нестандартных сервисов. Подтверждением этому является The Navigator. Ее можно приспособить под различные нужды: поиск недвижимости, продажу авиабилетов, туристический блог и другое. В принципе, это символизирует ключевую особенность Brick+Mason – многогранность и универсальность.

Стандартный вариант темы с одноименным названием оптимален для блога фотографа или путешественника. Простой, даже немного банальный дизайн в совокупности с минимализмом делает его по-настоящему оригинальным. Логотип с подписью расположен в верхнем левом углу. Справа разработчики разместили меню в несколько колонок. Центральная область не имеет сайтбара и представлена набором записей обычного формата: картинка с нижним заголовком и описанием. Страница разворота поста поделена на 2 зоны. Первая занимает примерно 1/4 пространства, является колонкой с заголовком, тегами, подписью автора и контентом. Оставшаяся часть области отведена под фотографии. Однако прокрутки вы здесь не найдете. Скроллинг реализован на главной. Причем, весьма необычным образом: дополнительные 2 ряда постов подгружают с анимацией – вылетом записей из левого верхнего угла обзорного окна. За счет легкого веса ресурса в целом, это занимает не больше секунды. Не оставим без внимания закрепленный подвал с правовой информацией и кнопками соц. сетей. Клик по уголку с плюсом в правом верхнем углу открывает форму, где расположен поиск и мини-иконка, например, группы Facebook. Это может показаться удивительным, но Brick+Mason стабильно входит в Топ лучших тем WP с 2011 года.

Pravda

WP тема Pravda
ВП тема Правда, пример

Долгоиграющий коммерческий проект, доведенный до ума в результате 5-летней разработки. Шаблон попал в наш Топ благодаря широкому функционалу и необычному дизайну. Тема отличается наличием классических элементов, которые были популярны 5-10 лет назад. Меню с выделенным фоном и нижними, верхними линиями, многогранная цветовая гамма, большой шрифт – все это отголоски того время. Однако в Pravda немало современных идей. В их числе полупрозрачный фон у ряда элементов, гармоничная цветовая гамма, современная анимация. Продолжая тему дизайна и структуру, отметим, что в Pravda отсутствуют бесполезные, лишние элементы. Таким образом, страницы имеют небольшой вес и быстро подгружаются. Прокрутка без конца реализована только на главной; для записей характерна привычная линия «заголовок – контент – комментарии». 

Интересная внутренняя составляющая темы. Панель базируется на технологии SMOF. Она позволяет настраивать многие аспекты Pravda без вмешательства в код – отличная новость для новичков. Шаблон будет интересен и разработчикам, там как часть конструкций в нем являются открытыми. Их можно импортировать в сторонние проекты. В комплекте со стандартным пакетом стоимостью 39-40$ идут:

  • 10 виджетом с отдельным набором опций;
  • 8 комплексов из них;
  • 5 вшитых форм постов – изображения, видео, аудио, галерея и стандартная;
  • 6 макетов домашней страницы.

Pravda разработан на базе известного Bootstrap, от которого создатели взяли лучшее – адаптивность. Тема отлично отображается на любых мобильных устройствах и больших экранах. Она совместима с WooCommerce, что позволяет реализовать на базе Pravda интернет-магазин. К списку возможных тематик добавим блог, модный журнал или сайт компании. Если планируете использовать Pravda на большом количестве сайтов, рекомендуем приобрести расширенную лицензию. Она обойдется примерно в 2200 вечно зеленых.

1Page

Пример работы темы для ВордПресс 1Page
1Page

Основным достоинством темы является ее универсальность. 1Page – один из немногих шаблонов, реально отвечающий требованиям большинства тематик. Данный вариант подойдет для новостного сайта, персонального блога, кулинарного, автомобильного ресурса, модных заметок, обзоров сетевых продуктов и прочего. Все ограничено только полетом вашей фантазии. Недостатком является отсутствие совместимости с WooCommerce. Следовательно, площадки для продаж из 1Page не выйдет. К этому не приспособлены ни его дизайн, ни структура. Но в разряде блогинга он по-настоящему хорош. 1Page отличает следующий ряд особенностей.

  1. Настраиваемые рабочие панели. Два боковых варианта, нижний и верхний.
  2. 100% отклик за счет обновленного кода.
  3. 2 варианта главной.
  4. 6 оригинальных виджетов.
  5. 5-колончатая разбивка постов на главной.
  6. Бесконечный скроллинг.
  7. Неограниченное количество блоков в сайтбаре.
  8. Возможность настройки в режиме просмотра.
  9. Активный файл .XML.
  10. Большая палитра цветов для элементов и шрифтов.
  11. SEO-параметры.
  12. Минимальные настройки перед использованием.
  13. Широкий опцион шрифтов.
  14. Ряд вариаций логотипа.
  15. 7 плагинов в комплекте.

Внешне тема выглядит очень достойно. Лого, поиск и категории размещены в привязанной к зоне обзора шапке. Есть второстепенное меню, где можно выбрать группы категорий. В той же линии размещены уникальные иконки соц. сетей. Разработчики позаботились о стандартных местах под рекламу. Они замаскированы под обычные записи на главной странице, что повышает их кликабельность. Бесконечная прокрутка реализована тут же, на домашней странице. Время загрузки составляет 1-2 сек. В режиме просмотра постов скроллинг не реализован. Оформление постов достойно особого внимания. Создатели использовали различные макроэлементы. Запись начинается с изображения, далее идет крупный заголовок, количество просмотров, ссылка автора. Эти сведения дублируются на домашней странице посредством миниатюрных иконок. Контент можно оформить по своему усмотрению. Здесь все не ограничено подчеркиванием, курсивом и ссылками. Можно вставить, к примеру, кнопку, медиафайл, изображение с ориентацией и другое. В конце статьи есть блок автора, где он может немного рассказать о себе. Форма комментирования выполнена в 2 колонках: первая отображает превью поста, а во второй видны отклики читателей. Цена года использования 1Page стартует от 35$.

Arwyn

Тема ВордПресс Arwyn
Arwyn Theme

Простой и современный шаблон с минимумом инструментария. Некоторые пользователи считают его невзрачным, однако, тема Arwyn стабильно входит в Топы наряду с гигантами рынка. Секрет успеха проекта кроется в тотальном исключении лишнего. Сегодня в сфере разработки сайтов есть негласные каноны стиля и структуры. Многие компании их придерживаются, стремясь привлечь к себе максимальное внимание целевой аудитории. Создатели Arwyn пошли от обратного, и шаблон стал похож на эксперимент. Во-первых, они отказались от сайтбара, подвала и многочисленных кнопок. Эффективный блок «Похожие записи» в постах они поместили над комментариями, а от «Популярного» отказались в пользу скроллинга на домашней. Последний также выполняет функцию кнопок «Вперед» и «Назад». Главное меню сделано в виде всплывающей боковой панели. При этом оно без труда раскрывается до 3 уровней. Теперь немного о функционале:

  • полностью адаптивный дизайн. Складывается впечатление, что Arwyn больше разрабатывался под мобильные устройства, чем под экраны ПК;
  • мгновенное подключение Google Ads;
  • 6 вариантов заголовков;
  • выбор кнопок социальных сетей;
  • типографические настройки;
  • огромная цветовая гамма для элементов;
  • несколько форм комментирования, обратной связи;
  • готовые виджеты Instagram, Facebook, Twitter и др. сетей;
  • возможность подключения сайтбара;
  • анимационные эффекты.

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

Rule

Еще один достойный проект от создателей шаблона Pravda. В нем вновь прослеживается стремление команды веб-мастеров совместить классику и современные, стильные элементы оформления. За основу был взят электронный журнал. Создатели не стали перегружать главную страницу и обошлись без боковых панелей. Для шапки характерна нестандартная компоновка: основное меню помещено в начало, а лого, поиск и кнопки соцсетей находятся справа и слева под ним. Линия вкладок прикреплена к зоне обзора, что упрощает навигацию. К слову, здесь снова прослеживается любовь команды к прозрачным фонам. Центр представлен карточками записей с фото, заголовком, превью и дополнительной информацией. В данном блоке реализован и скроллинг. Его не назовешь моментальным, но за 3 сек. читатель гарантировано получит порцию следующих записей. Это в любом случае быстрее тыканья по кнопкам, требует в разы меньше трафика. Скроллинг в Rule дополнили небольшой фишкой: когда список записей заканчивается, всплывает соответствующее сообщение. Дело в том, что технология прокрутки иногда дает осечку. Чтобы отличить ее от фактического конца списка, добавили функцию оповещения. Подвал включает в себя блок Meta, календарь, перечень категорий и популярные теги. Их можно удалить или заменить другими: дефицита настроек в шаблоне нет.

Структура открытого поста претерпела изменения. Был добавлен дополнительный столбец слева, куда поместили дату, категорию, маркеры количества комментариев, просмотров и лайков, кнопки «Поделиться». Заголовок вынесли в горизонтальный верхний блок. Пространство записи занимает центральное место, но в Rule под нее отведено не более 1/2 экрана. По размеру она практически идентична правой колонке популярными, похожими и свежими записями. Комментарии находятся тут же, из-за чего зона контента может сильно растянуться. Честно говоря, спорное решение. Рабочая панель Rule, адаптированная под новичков, позволяет быстро привести отдельные или все страницы к традиционному виду. Напомним, что она основана на технологии SMOF, позволяющей изменять большую часть параметров микшерами или простым переносом.

Из особенностей отметим наличие 6 уникальных и поддающихся настройки общих макетов темы, интерфейс Retina, возможность установки пользовательского фона, поддержку языков RTL, 8 кастомных виджетов Rule. Шаблон отличается адаптивным дизайном, наличием базиса SEO, встроенным Bootstrap и широким выбором различных кнопок и иконок. Rule анонсировали в августе 2013 и довели до логического заключения в 2017. Ее можно считать свежим и недорогим продуктом: полный пакет для одного сайта обойдется в 40$. Цена бизнес-лицензии равна 2450 долларам. Бесплатный качественный саппорт идет в комплекте с любым тарифом. Сама тема отлично подойдет для обозревателя новостей о технологиях, автомобилях, музыке и многом другом.

KowloonBay

Подходит для портфолио и блога. KowloonBay держится на первых строчках рейтинга с 2015 года. Ключевым достоинством шаблона является современный стиль и большое количество красивой анимации. Есть и бесконечный скроллинг, который актуален целого ряда страниц. Одновременно с этим, подобное изобилие не играет на руку KowloonBay. Медленный интернет сводит всю красоту на нет и препятствует просмотру контента, так как он подгружается в порядке живой очереди блоками. Если для вас и ваших читателей это не проблема, то тема однозначно достойна внимания.

Внешний вид – отдельная тема. Стартовая страница выполнена в формате визитки-слайдера. Фон сделан в виде одного или нескольких динамично сменяющихся изображений. Меню может быть представлено неограниченным количеством пунктов. Рекомендуем не выходить за рамки 7, так как это повредит эстетичности внешнего вида. В правом нижнем углу присутствует оригинальный виджет со ссылками на социальные сети. Он выполнен под общую стилистику. Меню в демо-версии наглядно отражает возможности KowloonBay. Вкладка Home включает 3 варианта домашней страницы. Возможна анимация текста или даже замена фоновой картинки на видео. В комплекте идет огромное количество вариантов готового портфолио. Некоторые отличаются только расположением картинок, а другие – всей структурой. Для всех вариантов актуальна плавная анимация и скроллинг без конца. Вкладка Team предлагает готовые конструкции для презентации своей команды. Их можно приспособить и для других целей. К примеру, провести краткое превью туристического объекта, уникального продукта и т.п. Блоговые макеты помещены в отдельный раздел. Команда веб-мастеров предлагает уникальный варианты компоновки. Есть 2-колончатый с попеременной сменой контента и картинок. Интересно выглядит No Sidebar Full Width с изображениями на всю ширину и их внутренней анимацией. Из прочих особенностей KowloonBay отметим:

  • простую и удобную авторскую панель;
  • динамичную анимацию CSS3;
  • наличие дополнения Slider Revolution;
  • видео-фоны на базе HTML5;
  • инструментарий для работы с СЕО и внутренними элементами;
  • массу готовых макетов для отзывов, комментариев, сайтбара;
  • вшитые Google Maps;
  • эффекты параллакса.

Стандартная годовая лицензия стоит 44-45$. В набор входит весь перечень расширений, а также оперативная поддержка от компании-разработчика. С помощью богатого инструментария KowloonBay можно использовать для сайтов практически любой тематики, не ограничиваясь портфолио и блогом. Шаблон полностью адаптивен, нормально загружается при скорости интернета от 1 Мб/сек. Хороший вариант для тех, кто запускает современный проект, но не имеет навыков программирования.

Boutique Grid Premium

Тема позиционируется как универсальный способ реализации информационного проекта любой направленности. Интернет-торговля невозможна из-за отсутствия официальной поддержки WooCommerce. На первый взгляд, в Boutique Grid нет ничего необычного: привычная верстка, виджеты, меню, теги. Секрет проекта кроется в мелочах. Например, интегрирован мгновенный поиск по записям с отображением названий и картинок. Присутствует уникальная анимация наведений. Быстрая прокрутка в Boutique Grid доведена до идеала: обогнать ее очень сложно. От конкурентов тему отличает:

  • масонский стиль;
  • поиск с миниатюрами;
  • индексная карта тегов и категорий;
  • библиотеки фрагментов Google;
  • функция Drag & Drop Gallery Images;
  • 6 авторских виджетов;
  • Выбор форм для лайков, комментариев, категорий и т.д.

По критерию качества скроллинга Boutique Grid Premium удостаивается первого места, но по функционалу, фишкам, организации панели, стабильности работы и общей скорости загрузки уступает конкурентам выше. Также в нем отсутствуют серьезные нововведения, есть ряд огрехов в коде. Однако проект все еще на стадии доработки. У него есть все шансы попасть на первые строчки в будущем. Способствуют этому и демократические расценки – всего 35$.

Wine Masonry

Качественный шаблон для новостного сайта, корпоративного, туристического, персонального или любого другого блога. Заявлена возможность создания на базе темы интернет-магазина, но придется попотеть. Дело в том, что поддержка дополнений сетевых продаж предусмотрена в коде Wine Masonry, но макетов и подключения через панель нет. Нужно ковыряться во внутренней составляющей, а это по силам не каждому. Дизайн и структура отвечает ожиданиям пользователей. Предусмотрено 2 стандартных вариант в желтом и фиолетовом цвете. Гибкая структура и огромное количество настроек дают возможность подготовить Wine Masonry практически под любую тематику. Адаптивность под портативные устройства доведена до ума, протестирована на популярных моделях смартфонов и планшетов. Бесконечная прокрутка работает без перебоев. Скорость загрузки при этом средняя – 1-2 сек. В качестве фишки выступает линия просмотра слева. Там отображаются заголовки блоков, и появляются оповещения. Предустановлены рекламные места в шапке, подвале, сайтбаре. В остальном, тема похожа на Boutique Grid – хороший усередненный вариант.

Заключение

Представленные в обзоре шаблоны – капля в море из имеющегося. Почему же мы выбрали именно их? В наш Топ-10 вошли только проверенные темы, которые удостоились не менее 4,5 из 5 звезд рейтинга на большинстве аналитических и торговых площадок. Критерии выбора оформления для сайта у каждого разные. Однако не спешите делать выводы, основываясь на мнение сегодня и завтра. Загляните в будущее, оцените перспективы. Результатом станет понимание важности гибкой настройки темы как внешне, так и внутренне. Представленные в этом обзоре шаблоны отвечают данному критерию в полной мере. Они также отличаются стабильностью в работе и рядом уникальных особенностей. Вы непременно найдете свой вариант.