Веб-разработчики не сидят на месте. WordPress является одной из самых популярных сетевых платформ в мире, и для нее регулярно выходит масса интересного. В частности, не так давно мир увидел темы «ВордПресс» с бесконечной прокруткой (скроллингом). Данный формат шаблонов быстро завоевал популярность у владельцев сайтов. На сегодняшний день, компании и независимые разработчики предлагают огромный выбор в этой категории. Но широкий ассортимент – не всегда хорошо. Найти надежный, проверенный вариант, который идеально подойдет для конкретного проекта, среди такого многообразия не просто. Поэтому прямо сейчас предлагаем вашему вниманию Топ-10 актуальных тем WP с бесконечным скроллингом. Представленные в обзоре шаблоны тщательно проверены нами и тысячами пользователей по всему миру. Остается сравнить их плюсы, минусы и найти золотую середину для вашего случая.
Функция актуальна и эффективна именно для информационного сайта. Проблема вовлеченности читателя с каждым годом становится все острее. Пользователи быстро устают от обновленных дизайнов, уникальной структуры ресурса. Интригующие заголовки и «горячие» затравки уже никого не удивляют, а нераскрытых тем практически не осталось. В подобных ситуациях выручает функционал, в частности, бесконечная прокрутка или скроллинг. Что она собой представляет? Логика читателя касаемо просмотра контента на сайте – тем, по которой можно писать научные труда. Мелкие нюансы и хитрости разожгут в нем интерес по отношению к смежным материалам. Данную функцию выполняет знакомый всем раздел «Похожие записи». Блок стал стандартом для современных ресурсов, но его эффективность, полезность ежегодно падает. Причина та же: однообразие утомило пользователей. Скроллинг без границ добавляет на сайт функцию бесконечной подгрузки постов на главной, в категориях, в открытой статье. Во-первых, это ненавязчиво подталкивает читателя к ознакомлению в другими материалами. Во-вторых, прием экономит его время, и он непременно будет благодарен. В-третьих, бесконечная прокрутка пока редко встречается в темах как нововведение. Она станет фишкой вашего блога. Прямо сейчас предлагаем вашему вниманию Топ-10 качественных и разноплановых шаблонов с грамотно реализованной функцией скроллинга.
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
Не менее интересный вариант для блога. Тема ориентирован на информационные материалы технологического, кулинарного, семейного и персонального типа. Она появилась на просторах интернета в июне 2014 года и по сей день остается популярной в своем сегменте. Проект коммерческий, и цена пакета на год составляет 70$. Это немного выше, чем в предыдущем варианте, но поверьте – оно того стоит. Pluto Clean Personal регулярно обновляется и дорабатывается. На момент выхода данного обзора (май 2019 года) она имеет более 5000 уникальных дополнений, позволяющих создать действительно оригинальный и интересный сайт по теме. У темы огромное количество особенностей. Из них выделим следующие:
- 8 предустановленных конструкций для постов: стандартный формат, видео и аудио контент, подборки с изображениями, галереи, ссылки и цитаты;
- автоматическая вставка QR-кодов;
- многоуровневая настройка цветовой гаммы;
- оригинальные настройки текста;
- кастомная панель управления с несколькими вариантами отображения;
- наличие удобной формы для работы с кодом;
- настраиваемая структура страниц, записей, главной и прочего;
- адаптивный дизайн;
- вшитые рекламные места и настройки СЕО;
- импорт/экспорт элементов.
Список далеко не полный. Отдельным столпом стоит бесконечная прогрузка записей. Разработчики не просто добавили функцию, но и постоянно дорабатывают ее. Делается это за счет уменьшения фактического веса постов, а также корректировки конструкций на уровне кода. Если сравнивать с The Issue, то новые посты подгружаются на 35-50% быстрее. Внешний вид шаблона соответствует современным тенденциям. Логотип находится в левом верхнем углу, справа от него меню с маркерами. Ниже идет линия с популярными записями, а далее весь список постов в шахматном порядке. Учитывая многогранность настройки и поддержку плагина WooCommerce, Pluto Clean также подойдет для интернет-магазина по продаже продуктов питания, игр, детских товаров, автомобильных запчастей и многого другого.
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
Долгоиграющий коммерческий проект, доведенный до ума в результате 5-летней разработки. Шаблон попал в наш Топ благодаря широкому функционалу и необычному дизайну. Тема отличается наличием классических элементов, которые были популярны 5-10 лет назад. Меню с выделенным фоном и нижними, верхними линиями, многогранная цветовая гамма, большой шрифт – все это отголоски того время. Однако в Pravda немало современных идей. В их числе полупрозрачный фон у ряда элементов, гармоничная цветовая гамма, современная анимация. Продолжая тему дизайна и структуру, отметим, что в Pravda отсутствуют бесполезные, лишние элементы. Таким образом, страницы имеют небольшой вес и быстро подгружаются. Прокрутка без конца реализована только на главной; для записей характерна привычная линия «заголовок – контент – комментарии».
Интересная внутренняя составляющая темы. Панель базируется на технологии SMOF. Она позволяет настраивать многие аспекты Pravda без вмешательства в код – отличная новость для новичков. Шаблон будет интересен и разработчикам, там как часть конструкций в нем являются открытыми. Их можно импортировать в сторонние проекты. В комплекте со стандартным пакетом стоимостью 39-40$ идут:
- 10 виджетом с отдельным набором опций;
- 8 комплексов из них;
- 5 вшитых форм постов – изображения, видео, аудио, галерея и стандартная;
- 6 макетов домашней страницы.
Pravda разработан на базе известного Bootstrap, от которого создатели взяли лучшее – адаптивность. Тема отлично отображается на любых мобильных устройствах и больших экранах. Она совместима с WooCommerce, что позволяет реализовать на базе Pravda интернет-магазин. К списку возможных тематик добавим блог, модный журнал или сайт компании. Если планируете использовать Pravda на большом количестве сайтов, рекомендуем приобрести расширенную лицензию. Она обойдется примерно в 2200 вечно зеленых.
1Page
Основным достоинством темы является ее универсальность. 1Page – один из немногих шаблонов, реально отвечающий требованиям большинства тематик. Данный вариант подойдет для новостного сайта, персонального блога, кулинарного, автомобильного ресурса, модных заметок, обзоров сетевых продуктов и прочего. Все ограничено только полетом вашей фантазии. Недостатком является отсутствие совместимости с WooCommerce. Следовательно, площадки для продаж из 1Page не выйдет. К этому не приспособлены ни его дизайн, ни структура. Но в разряде блогинга он по-настоящему хорош. 1Page отличает следующий ряд особенностей.
- Настраиваемые рабочие панели. Два боковых варианта, нижний и верхний.
- 100% отклик за счет обновленного кода.
- 2 варианта главной.
- 6 оригинальных виджетов.
- 5-колончатая разбивка постов на главной.
- Бесконечный скроллинг.
- Неограниченное количество блоков в сайтбаре.
- Возможность настройки в режиме просмотра.
- Активный файл .XML.
- Большая палитра цветов для элементов и шрифтов.
- SEO-параметры.
- Минимальные настройки перед использованием.
- Широкий опцион шрифтов.
- Ряд вариаций логотипа.
- 7 плагинов в комплекте.
Внешне тема выглядит очень достойно. Лого, поиск и категории размещены в привязанной к зоне обзора шапке. Есть второстепенное меню, где можно выбрать группы категорий. В той же линии размещены уникальные иконки соц. сетей. Разработчики позаботились о стандартных местах под рекламу. Они замаскированы под обычные записи на главной странице, что повышает их кликабельность. Бесконечная прокрутка реализована тут же, на домашней странице. Время загрузки составляет 1-2 сек. В режиме просмотра постов скроллинг не реализован. Оформление постов достойно особого внимания. Создатели использовали различные макроэлементы. Запись начинается с изображения, далее идет крупный заголовок, количество просмотров, ссылка автора. Эти сведения дублируются на домашней странице посредством миниатюрных иконок. Контент можно оформить по своему усмотрению. Здесь все не ограничено подчеркиванием, курсивом и ссылками. Можно вставить, к примеру, кнопку, медиафайл, изображение с ориентацией и другое. В конце статьи есть блок автора, где он может немного рассказать о себе. Форма комментирования выполнена в 2 колонках: первая отображает превью поста, а во второй видны отклики читателей. Цена года использования 1Page стартует от 35$.
Arwyn
Простой и современный шаблон с минимумом инструментария. Некоторые пользователи считают его невзрачным, однако, тема 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 звезд рейтинга на большинстве аналитических и торговых площадок. Критерии выбора оформления для сайта у каждого разные. Однако не спешите делать выводы, основываясь на мнение сегодня и завтра. Загляните в будущее, оцените перспективы. Результатом станет понимание важности гибкой настройки темы как внешне, так и внутренне. Представленные в этом обзоре шаблоны отвечают данному критерию в полной мере. Они также отличаются стабильностью в работе и рядом уникальных особенностей. Вы непременно найдете свой вариант.