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

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

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

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

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

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

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

Плагин Catch Infinite Scroll

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

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

Админ раздел Catch Infinite Scroll

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

Выбор способа активации скролла статей в плагине Catch Infinite Scroll

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

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

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

Добавление значка загрузчика контента в плагине Catch Infinite Scroll

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

Добавление текста после завершения просмотра в плагине Catch Infinite Scroll

Для восстановления всех настроек плагина нужно активировать настройку Check to reset.

Для сохранения всех изменений нажмите кнопку Save Changes.

* Instagram и Facebook признаны экстремистскими организациями и запрещены на территории РФ.

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

Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров
Привет! Меня зовут Михаил Петров. Я копирайтер и занимаюсь этим с 2013 года. Скрупулезность и ответственность - моя фишка! Не могу делать как попало и добиваюсь, чтоб заказчик сказал минимум “неплохо”. За все время своей работы пришлось написать и отредактировать немало разной “текстовухи”, включая SEO-тексты, отзывы и прочую чушь. На сегодняшний день специализируюсь на написании информационных статей и руководств технического направления. Вижу смысл и светлое будущее в текстах для людей, а не для машин.
Обсуждение: 2
  1. Максим

    Какие селекторы за что отвечают в теме Reboot?

    1. Коммент

      Выяснил?

Задать вопрос