WordPressテーマで無限スクロールを使用しようとしていますが、機能しません

TechChef

私を助けるためにあなたの時間をありがとう。

私はワードプレスのウェブサイトを持っています: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

TechChef

私のテーマに従って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]

編集
0

コメントを追加

0

関連記事

分類Dev

シークバーをカスタマイズしようとしていますが、機能しません

分類Dev

シークバーをカスタマイズしようとしていますが、機能しません

分類Dev

Ionic 4でcomplete()を呼び出すと、無限スクロールが機能しません

分類Dev

無限スクロールコードがangularjsを使用して機能しませんか?

分類Dev

doubleメソッドでテーブルを印刷しようとしていますが、機能しません

分類Dev

遅延評価を取得して無限ストリームで機能させようとしています

分類Dev

テーブルをエコーしようとしていますが、機能していません

分類Dev

無限スクロールがうまく機能しない

分類Dev

jQueryの無限スクロールの石積みコールバックがWordpressで機能していません-どちらも無限スクロールプラグインではありません

分類Dev

マクロが無限ループでスタックしているようです、デバッグ方法がわかりません

分類Dev

一部のテキストでfloatを使用しようとしていますが、機能しません

分類Dev

Webサイトをスキャンして、開いているポートを確認しようとしています。ループを使用しているときにこのロジックが機能しない理由がわかりません

分類Dev

ドロップダウンアイテムでAngularでルートを作成しようとしていますが、機能しませんか?

分類Dev

CodeIgniter で画像をアップロードしようとしていますが、機能しません

分類Dev

更新クエリが機能していません。Visual Studio 2015 を使用しており、Access データベースを更新しようとしています

分類Dev

Chromeで無限スクロールバナーを作成しようとしています

分類Dev

PHPで検索ボックスを作成しようとしていますが、LIKEワイルドカードが機能しません

分類Dev

VueJSとAxiosで無限スクロールを実装しようとしています

分類Dev

テーブルでjquery.tablesorterプラグインを使用しようとしていますが、機能しません

分類Dev

jqueryでアップロード制御のフルパスを取得しようとしていますが、機能しません

分類Dev

モーダルビューを使用してHTMLで2つの異なるテキストを表示しようとしていますが、JavaScriptが重複していて、正しく機能しません

分類Dev

ここでは、Swift4のテキストファイルにデータを保存しようとしていますが、機能しません

分類Dev

ajaxを使用した無限スクロールはChromeでは機能しません

分類Dev

refがnullでない場合にのみマングースにデータを入力しようとしています-機能していません

分類Dev

AngularUi-ルーター-その他| スティッキー状態を実装しようとしていますが、機能していません

分類Dev

div内の無限の水平スクロールが機能していませんか?CSS

分類Dev

Pythonスクリプトでファイルをコピーしようとしていますが、機能しません

分類Dev

Wordpressテーマのルートでデータベースが機能していません

分類Dev

Cプログラミング-Scanfが機能していません。スペースを追加しようとしましたが、機能しません

Related 関連記事

  1. 1

    シークバーをカスタマイズしようとしていますが、機能しません

  2. 2

    シークバーをカスタマイズしようとしていますが、機能しません

  3. 3

    Ionic 4でcomplete()を呼び出すと、無限スクロールが機能しません

  4. 4

    無限スクロールコードがangularjsを使用して機能しませんか?

  5. 5

    doubleメソッドでテーブルを印刷しようとしていますが、機能しません

  6. 6

    遅延評価を取得して無限ストリームで機能させようとしています

  7. 7

    テーブルをエコーしようとしていますが、機能していません

  8. 8

    無限スクロールがうまく機能しない

  9. 9

    jQueryの無限スクロールの石積みコールバックがWordpressで機能していません-どちらも無限スクロールプラグインではありません

  10. 10

    マクロが無限ループでスタックしているようです、デバッグ方法がわかりません

  11. 11

    一部のテキストでfloatを使用しようとしていますが、機能しません

  12. 12

    Webサイトをスキャンして、開いているポートを確認しようとしています。ループを使用しているときにこのロジックが機能しない理由がわかりません

  13. 13

    ドロップダウンアイテムでAngularでルートを作成しようとしていますが、機能しませんか?

  14. 14

    CodeIgniter で画像をアップロードしようとしていますが、機能しません

  15. 15

    更新クエリが機能していません。Visual Studio 2015 を使用しており、Access データベースを更新しようとしています

  16. 16

    Chromeで無限スクロールバナーを作成しようとしています

  17. 17

    PHPで検索ボックスを作成しようとしていますが、LIKEワイルドカードが機能しません

  18. 18

    VueJSとAxiosで無限スクロールを実装しようとしています

  19. 19

    テーブルでjquery.tablesorterプラグインを使用しようとしていますが、機能しません

  20. 20

    jqueryでアップロード制御のフルパスを取得しようとしていますが、機能しません

  21. 21

    モーダルビューを使用してHTMLで2つの異なるテキストを表示しようとしていますが、JavaScriptが重複していて、正しく機能しません

  22. 22

    ここでは、Swift4のテキストファイルにデータを保存しようとしていますが、機能しません

  23. 23

    ajaxを使用した無限スクロールはChromeでは機能しません

  24. 24

    refがnullでない場合にのみマングースにデータを入力しようとしています-機能していません

  25. 25

    AngularUi-ルーター-その他| スティッキー状態を実装しようとしていますが、機能していません

  26. 26

    div内の無限の水平スクロールが機能していませんか?CSS

  27. 27

    Pythonスクリプトでファイルをコピーしようとしていますが、機能しません

  28. 28

    Wordpressテーマのルートでデータベースが機能していません

  29. 29

    Cプログラミング-Scanfが機能していません。スペースを追加しようとしましたが、機能しません

ホットタグ

アーカイブ