Верх страницы
Обложка к записи Бесконечная подгрузка записей в WordPress
Время для прочтения: 0 мин. 6 сек.

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

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

Ссылки

ВКонтакте
Одноклассники
Linkedin
Telegram
WhatsApp

Комментарии
Подписаться
Уведомить о
guest
8 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Кирилл
3 лет назад

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

Иван
Иван
2 лет назад

WordPress, тема twentyfifteen. Метод не работает. Но очень в ней нуждаюсь. Не знаете ли других способов реализации бесконечной прокрутки постов?))) Заранее спасибо!

Иван
Иван
2 лет назад
Ответить на  Кобзарёв Михаил

да, но скорее, те селекторы, что я пробовал применить, были неверными. Решил проблему немного другим способом, с помощью сторонних плагинов. Хотелось, конечно в ручную) спасибо!)

Иван
Иван
2 лет назад
Ответить на  Кобзарёв Михаил

нашел два плагина, подходящих для выполнения задуманного функционала: Catch Infinite Scrool и YITH Infinite Scrolling. Остановился на втором — более плавный, без «дергания» подзагрузки.