В этом рецепте мы установим библиотеку-плагин для jQuery Infinite AJAX Scroll и интегрируем её в тему WordPress по умолчанию Twenty Seventeen.
Как установить
1) Скачайте плагин jquery-ias.min.js.
2) Скопируйте файл jquery-ias.min.js в директорию с дочерней темой wp-content/themes/twentytwelve-child/js.
Как интегрировать
1) Откройте файл wp-content/themes/twentytwelve-child/functions.php в вашем любимом редакторе.
2) Добавьте в самом низу файла следующие строки для подключения плагина в вашу тему:
add_action( 'wp_enqueue_scripts', function() {
wp_enqueue_script( 'mihdan-infinite-scroll', get_theme_file_uri( 'js/jquery-ias.min.js' ), array( 'jquery' ), null, true );
} );
2) Теперь осталось туда же добавить конфигурацию плагина:
add_action( 'wp_footer', function() {
?>
<script type="text/javascript">
var ias = $.ias( {
container: "#content",
item: ".post",
pagination: ".navigation",
next: ".nav-previous a",
} );
ias.extension( new IASTriggerExtension( { offset: 2 } ) );
ias.extension( new IASSpinnerExtension() );
ias.extension( new IASNoneLeftExtension() );
</script>
<?php
} );
На этом всё. Счастливой прокрутки!
Ссылки
Источник: https://www.kobzarev.com/wordpress/infinite-scroll/