Бесконечная подгрузка записей в 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
} );

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

Ссылки

Источник: https://www.kobzarev.com/wordpress/infinite-scroll/

Михаил Кобзарёв

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса. Ведет блог о разработке, дайджест в телеграмме и в ВК. Любит сиськи, баню и радиоэлектронику. 100% патриот (но это не точно). Тролль 542 уровня. Ездит в отпуск раз в 5 лет.

Добавить комментарий

%d такие блоггеры, как: