Как в WordPress добавить бесконечную прокрутку?

Хотите добавить бесконечную прокрутку в свой блог WordPress? В этой статье детально рассмотрим, как быстро сделать бесконечный скролл.

Что такое и зачем нужна бесконечная прокрутка?

Это метод веб-дизайна, который автоматически загружает содержимое следующей страницы сайта, когда пользователи достигают нижней части страницы при прокрутке. В итоге посетители видят больше контента, не нажимая на нумерацию страниц или кнопку «Загрузить еще». Это облегчает просмотр. Использует технологию AJAX.

Лучшими примерами дизайна с бесконечной прокруткой являются популярные сайты социальных сетей (Facebook*, Twitter, Instagram*, Pinterest).

Как в WordPress добавить бесконечный скролл?

Быстрый и рекомендованный способ – использовать бесплатное и простое решение.

Плагин Catch Infinite Scroll

Сначала установите плагин. Как это сделать, мы писали в одной из прошлых статей.

После активации перейдите в админ-раздел Catch Infinite Scroll.

Вы можете выбрать способ активации скролла статей. Можно автоматически загружать контент при прокручивании страницы вниз (опция Scroll) или по нажатию на кнопке «Загрузить еще» (Click).

Выберите Scroll, чтобы запустить автозагрузку с прокруткой.

Дальше в настройках идут селекторы (Navigation Selector, Next Selector, Content Selector и Item Selector). Они отвечают за HTML-разметку навигации в теме. В большинстве случаев их можно оставить как есть. В ином случае нужно смотреть, какую HTML-теги и CSS-классы использует активная тема для вывода навигации.

В опции Image можно добавить значок загрузчика контента. Тут по умолчанию уже установлено gif-изображение. Если нужно задать свою иконку, используйте кнопку Upload. Для восстановления настройки по умолчанию кликните по Reset.

Параметр Finish Text – это текстовое сообщение, которое будет показано после завершения просмотра всех статей пользователем. По умолчанию имеет значение “No more items to display”. Можете изменить на свое.