Итак, я нашел это руководство для включения бесконечного прокрутки: http://wptheming.com/2012/03/infinite-scroll-to-wordpress-theme/
В основном мне нужно иметь js-файл и добавить в функцию function.php следующее:
/** * Infinite Scroll */ function custom_infinite_scroll_js() { if( ! is_singular() ) { ?> <script> var infinite_scroll = { loading: { img: "<?php echo get_template_directory_uri(); ?>/images/ajax-loader.gif", msgText: "<?php _e( 'Loading the next set of posts...', 'custom' ); ?>", finishedMsg: "<?php _e( 'All posts loaded.', 'custom' ); ?>" }, "nextSelector":"#nav-below .nav-previous a", "navSelector":"#nav-below", "itemSelector":"article", "contentSelector":"#content" }; jQuery( infinite_scroll.contentSelector ).infinitescroll( infinite_scroll ); </script> <?php } } add_action( 'wp_footer', 'custom_infinite_scroll_js',100 ); Где мне нужно изменить следующий параметр:
Ну, я застрял.
Это мой php:
$defaults = array( 'base' => add_query_arg( 'paged', '%#%' ), 'format' => '', 'total' => $max_num_pages, 'current' => $current, 'prev_next' => true, 'prev_text' => __( '←',my_site), 'next_text' => __( '→',my_site), 'show_all' => false, 'end_size' => 1, 'mid_size' => 1, 'add_fragment' => '', 'type' => 'plain', 'before' => '<div class="pagination">', 'after' => '</div>', 'echo' => true, 'use_search_permastruct' => true );
И вот вывод html, который я сейчас получаю:
<div class="pagination"> <a class="prev page-numbers" href="example.com/dfgdg/page/2/">←</a> <a class="page-numbers" href="http://example.com/dfgdg/page/1/">1</a> <a class="page-numbers" href="http://example.com/dfgdg/page/2/">2</a> <span class="page-numbers current">3</span> <a class="page-numbers" href="http://example.com/dfgdg/page/4/">4</a> <span class="page-numbers dots">…</span> <a class="page-numbers" href="example.com/dfgdg/page/20/">20</a> <a class="next page-numbers" href="example.com/dfgdg/page/4/">→</a> </div>
Может ли кто-нибудь помочь мне в том, как его изменить?
или
есть ли другой подход, который я должен рассмотреть?
Спасибо!
Эм
В основном, что здесь происходит не так, так это то, что вы копируете вставку без понимания базового кода.
В фрагменте JS, добавленном в PHP, вы добавляете, на какой элемент должна работать бесконечная прокрутка (contentSelector)
В примере этот параметр установлен на «#content», но в вашем коде он должен быть «.pagination».
Поэтому, если вы измените contentSelector, он должен работать 🙂
edit: я бы посоветовал вам изменить «до» в вашем php на id = «pagination». Это может привести к повреждению вашего шаблона, поэтому обязательно проверьте его на разных страницах, но таким образом вы можете выбрать идентификатор вместо класса, который является более надежным и быстрым