私を助けるためにあなたの時間をありがとう。
私はワードプレスのウェブサイトを持っています:http://techchef.org/bridco/、このウェブサイトでは私はワードプレス3.8.1を使用しています。テーマでは、無限スクロールを使用したいと思います。wp_infinitescroll、スクロールプラグインなど、別のプラグインを使用しようとしています。そのどれもうまくいかないので、私はそれを成し遂げるためにカスタムの方法を使用しようとします。
だから私はここのチュートリアルで言及されたステップを使用しますhttp://code.tutsplus.com/tutorials/how-to-create-infinite-scroll-pagination--wp-24873 ;
しかし、私にはわかりませんが、以下に説明するワードプレス3.8.1で必要な小さな変更があるようです、
私たちが使用したクエリ投稿用の古いワードプレスバージョンで query_posts(array('paged' => $paged, 'post_status' => 'publish'));
私たちが使用したクエリ投稿用の新しいワードプレスバージョンで query_posts(array('page' => $paged, 'post_status' => 'publish'));
「ページング」の代わりに「ページ」を使用します
私はそれを試しましたが、それも機能しないので、元の「ページング」に戻しました
無限スクロールには私が使用します
無限の場合は、以下のコードを使用します
function.phpで
function wp_infinitepaginate(){
$loopFile = $_POST['loop_file'];
$paged = $_POST['page_no'];
$posts_per_page = get_option('posts_per_page');
# Load the posts
query_posts(array('paged' => $paged, 'post_status' => 'publish'));
get_template_part( $loopFile );
exit;
}
add_action('wp_ajax_infinite_scroll', 'wp_infinitepaginate'); // for logged in user
add_action('wp_ajax_nopriv_infinite_scroll', 'wp_infinitepaginate'); // if user not logged in
私が使用したheader.phpで
<script type="text/javascript">
function loadArticle(pageNumber) {
jQuery.ajax({
url: "<?php bloginfo('wpurl') ?>/wp-admin/admin-ajax.php",
type:'POST',
data: "action=infinite_scroll&page_no="+ pageNumber + '&loop_file=loop',
success: function(html){
jQuery("#main .container").append(html); // This will be the div where our content will be loaded
}
});
return false;
}
</script>
<script type="text/javascript">
jQuery(window).scroll(function(){
if (jQuery(window).scrollTop() == jQuery(document).height() - jQuery(window).height()){
// run our call for pagination
}
});
</script>
しかし、それはない仕事、助けが、私もそれが任意のJSエラーが表示されていない、それで間違っているのでしょうか、何が欠けているものを私を案内してくださいんが、私はそれが0値を与えるここで見つけるhttp://techchef.org/bridco /wp-admin/admin-ajax.php
私のテーマに従ってfunction.phpのループの関数を変更することで、これを解決しました。さらに、get_query_var( 'paged')をget_query_var( 'page')に変更しました。
$loop_paged = (get_query_var('page')) ? get_query_var('page') : $paged;
query_posts('orderby=date&order=ASC&paged=' . $loop_paged);
if ( have_posts() ) :
while ( have_posts() ) : the_post();
get_template_part( 'content', get_post_format() );
endwhile;
echo '</ul></div>
<div style="clear: both"></div>';
endif;
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加