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