Вступление
Привет! Пришло время поговорить, о принципиальном изменении просмотра вашего сайта пользователями. Чтобы ваш сайт отличался от других, не редко используется бесконечная прокрутка WordPress сайта.
Бесконечная прокрутка WordPress сайта
Термин «бесконечная прокрутка» или «Infinite Scroll», означает, что ваша главная страница сайта (и страницы архивов), сформированная из последних записей, не будет листаться, как книга. Infinite Scroll будет подгружать следующие записи блога по мере приближения пользователя к нижней границе страницы.
Цель бесконечной прокрутки сайта удержание пользователя. Идея оригинальная, но есть плюсы и минусы такого дизайна.
Примечание: Напомню, что вы можете настраивать главную страницу своего WordPress сайта, как блог из последних записей. Они будут выстраиваться по дате их публикации. Или поставить главной страницей сайта любую ранее созданную статическую страницу. Подробно о настройке главной страницы в статье Структура сайта на WordPress.
Так же напомню, что количество статей блога последних записей (нижня граница страницы) выставляется на странице настроек «Чтение». Подробно в статье базовые настройки WordPress
Вернёмся к бесконечной прокрутке. Если вы устанавливали WordPres самостоятельно, а не использовали готовый сайт на WordPress.org, то по умолчанию, бесконечная прокрутка WordPress сайта отсутствует.
Однако, она может быть встроена в сторонний шаблон его автором и, в этом случае, её можно включить в настройках темы.
Повторюсь, по умолчанию в CMS WordPress функционала Infinite Scroll нет.
Недостатки и бесконечная прокрутка WordPress
Основная задача бесконечной прокрутки в удержании на сайте вашего пользователя. Якобы пользователь вовлекается постоянно подгружаемым контентом и «повисает» на вашем сайте.
Наверное это так, но, во-первых, нужно иметь на сайте много, очень много контента для цепляющей прокрутки. Во-вторых, реализация прокрутки не всегда удачна и вместо эффектного бесконечного свитка вы можете получить подёргивание экрана, скачки вверх/вниз, неполное открытие контента и т.п.
В-третьих, бесконечная прокрутка WordPress сайта, при большом количестве материалов убирает подвал сайта, а вместе с ним ссылки на техническую информацию, обычно размещаемую в меню футера.
Реализация бесконечной прокрутки, вероятнее всего, заставит вас поменять дизайн своего сайта. Если попросту, реализация Infinite Scroll подчинит себе весь дизайн сайта. Сайдбар в архивах нужно будет убрать.
Наилучший эффект скрола будет с дизайном grid-разметка. Grid разметка — это сетка в 2-3 столбца без бокового сайдбара.
Как реализуется бесконечная прокрутка WordPress сайта
Простой вариант реализации Infinite Scroll через плагин. Найти плагин бесконечной прокрутки очень просто. Для этого:
- Идёте на станицу plugins сайта ru.wordpress.org;
- В поиске пишите «Infinite Scroll»;
- Выбираете плагины «Infinite Scroll» протестированные с вашей версией WordPress;
- Пробуете их на сайте, предварительно сделав резервную копию сайта.
Если у вас есть свой аккаунт на ru.wordpress.org, то можете сначала понравившиеся плагины добавить в избранные (любимые плагины), а потом пробовать их на сайте из административной панели, на вкладке «Добавить плагин», из фильтра «Избранные». Еще о любимых плагинах тут.
Ajax Load More
Рекомендую попробовать плагин «WordPress Infinite Scroll — Ajax Load More». Он не только подгружает записи, но и оптимизирует бесконечную прокрутку методом lazy loading (ленивая загрузка). Работает для статей, страниц, комментариев.
Заключение
Бесконечная прокрутка WordPress сайта инструмент специфический, он требует специальной настройки дизайна, может не поддерживаться вашим хостингом. Будьте осторожны при его внедрении. Эффект удержания пользователя может быть ничтожным, по сравнению с потерей классической навигации.
©wpkupi.ru
Еще статьи
- Проверка темы WordPress после установки или скачивания
- Как сменить тему WordPress
- Учётная запись WordPress.com — зачем нужна, как создать
- Проверка правописания на WordPress
- Как работать с базой данных WordPress
- Любимые плагины WordPress — быстрый поиск и установка
- Тег more, noteaser и nextpage WordPress, урок 94