Время для прочтения: 1 мин. 13 сек.

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

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

Ссылки

Пошерить
Плюсануть
Отправить
Вотсап

WordPress Digest Мой канал в Телеграм, посвящённый WordPress

Давно хотел попробовать бесконечную подгрузку записей 🙂 Надо будет внедрить и посмотреть на результат.
Спасибо!

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

Попробуйте, о результатах сообщите, баги вместе поправим 🙂

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

1. Нажимая на кнопку "Отправить", я даю согласие на обработку персональных данных.

2. Для вставки кода используйте специальные теги [code lang="php"]ваш код[/code]