Jetpack: безупречный плагин для бесконечного скроллинга

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

   А начнем мы, пожалуй, с самой традиционной штуки в мире ВордПресса – установки нужного нам плагина. Правда, это даже не плагин, а подборка дополнений, разработанных командой Automattic (как всегда, даем прямую ссылку: http://jetpack.me/ ).

После установки Jetpack вам нужно будет активировать функцию бесконечного скроллинга (Infinite Scroll). Подобно миниатюре к записям, бесконечный скроллинг может быть добавлен с помощью опции add_theme_support (). Наверное, это одна из главных причин, почему Jetpack лучший из лучших – данный набор может интегрироваться с ядром WordPress

   Давайте вместе разберемся, как работать с Jetpack. А поможет нам в этом бесплатный WordPress-шаблон ThemeZilla под названием Launch (качаем здесь: http://www.themezilla.com/themes/launch/ )

Изначально нам с вами нужно будет создать функцию для указания шаблона поста. Запускаем content-post-standard.php:

function zilla_infinite_scroll_render() {

   get_template_part( ‘content-post’, ‘standard’ );

}

После этого можно смело активировать функцию Infinite Scroll. Делается это так:

add_theme_support( ‘infinite-scroll’, array(

   ‘container’ => ‘primary’,

   ‘render’    => ‘zilla_infinite_scroll_render’,

));

Кстати, параметр content в вышеприведенном коде указывает id, содержащий нашу запись. В данном случае, шаблон Launch оборачивает все записи в id=«primary».

   Что касается параметра render, то он указывает на шаблон, с помощью которого будет оформлен контент. Скорее всего, вы заметите эффект в ваших записях уже после перезагрузки страницы.

   Думаем, вы обратили внимание, как подвал перекрывает записи.

   Если вы видите, что такой вариант совсем неприемлем для вашего шаблона, можно установить параметр «type» на «click». После этих нехитрых манипуляций контент на сайте не будет отображаться до тех пор, пока пользователь не нажмет специальную кнопку.

add_theme_support( ‘infinite-scroll’, array(

   ‘type’ => ‘click’,

   ‘container’ => ‘primary’,

   ‘render’    => ‘zilla_infinite_scroll_render’,

));

Конечно же, Jetpack предоставляет вам такую кнопку по желанию.

Как видим, используя Jetpack, можно достаточно быстро и просто реализовать на своем сайте Infinite Scroll (бесконечный скроллинг).