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

В этой статье мы объясним, что такое бесконечная прокрутка и какие типы сайтов могут извлечь пользу из ее использования.

Введение

При использовании бесконечной прокрутки новый контент загружается автоматически, когда пользователь достигает нижней части веб-страницы. В результате получается «бесконечный» поток контента.

Бесконечная прокрутка предоставляет пользователям сайта больше контента без необходимости нажимать кнопку «Читать далее» или перехода по ссылкам на другие страницы. Благодаря этому пользователи будут дольше оставаться на сайте — повышается вовлеченность аудитории.

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

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

Далее мы расскажем о трех методах добавления бесконечной прокрутки в WordPress:

1. Плагин бесконечной прокрутки

Один из самых простых методов добавления бесконечной прокрутки на WordPress-сайт — применение специального плагина. Мы рекомендуем использовать Ajax Load More.

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

Плагин позволяет настроить соответствующие параметры WordPress на основе различных типов контента. А также добавить собственный CSS-код.

Кроме этого плагин включает в себя конструктор шорткодов для быстрого изменения страниц и записей из редактора контента. Еще одна особенность данного плагина — это шаблоны произвольных полей.

Вы сможете создать собственный шаблон и настроить работу HTML и PHP в шорткоде. А также подключить сразу несколько экземпляров плагина Ajax Load More в одну запись, на страницу или в шаблон. Чтобы узнать больше, посетите страницу документации и поддержки Ajax Load More .

2. Тема оформления со встроенной бесконечной прокруткой

Также можно использовать тему оформления, в которую уже встроена бесконечная прокрутка.

Существует множество тем, которые включают в себя эту функцию. Вы можете просмотреть их в каталоге WordPress.

Бесконечная прокрутка чаще всего доступна в платных версиях тем. Но существуют темы оформления, которые предоставляют данный функционал бесплатно. Например, Minimal Dark.

Для активации бесконечной прокрутки установки темы перейдите в меню Внешний вид> Настроить> Настройки темы> Параметры пагинации.

3. Вручную добавить код на свой сайт

Третий метод реализации бесконечной прокрутки — вручную добавить ее код в WordPress-сайт. Для этого сначала нужно активировать функцию в файле functions.php используемой темы оформления. Для этого добавьте следующий код в файл functions.php:

function mytheme_infinite_scroll_init() {
    add_theme_support( 'infinite-scroll', array(
        'container' => 'content',
        'render'    => 'mytheme_infinite_scroll_render',
        'footer'    => 'wrapper',
    ) );
}
add_action( 'init', 'rootdip_infinite_scroll_init' );

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

Чтобы записи загружались непрерывно, добавьте функцию mytheme_infite_scroll_init в файл functions.php:

function mytheme_infinite_scroll_render()
{
get_template_part( ‘loop’ );
}

Если это не сработает, придется сменить тему оформления. Дело в том, что устаревшие темы оформления WordPress могут вообще не поддерживать бесконечную прокрутку.

Заключение

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

Данная публикация представляет собой перевод статьи «How (And Why) to Add Infinite Scrolling to Client Websites» , подготовленной дружной командой проекта Интернет-технологии.ру

Меню