Бесконечная подгрузка записей в WordPress

В этом рецепте мы установим библиотеку-плагин для 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
} );

На этом всё. Счастливой прокрутки!

Ссылки

• Integrate Infinite AJAX Scroll with WordPress

Ajax Infinite Scroll WordPress