SEMTechnologyExtraInformationRecommend週間ブックマークカテゴリーなしTutorial201304/17【WordPress】AJAXで次ページを読み込む「jQuery.autopager」をWordPressで活用する方法この記事の読了時間:約4分4秒ツイートブログに限らず、よっぽどのコトが無い限り、いわゆるページネーションの「次へ」とかってボタンは押されにくいものです。そこで最近は、ページ末尾まで行くと自動で次ページの内容がAJAXで読み込まれるような仕組みも増えて来ました。今作ってるウェブサービスでもこの仕組を導入したいっ!と思って探したら、ナイス・ガイを発見したのでシェアします!その名も「jQuery.autopager」!合わせて、それをWordPressでうまいこと使う方法もご紹介。jQueryダウンロードしたら、制作者の方に感謝の祈りを捧げ、そのご多幸を願いながら自サイトに設置して下さい。当件、コメントをいくつか頂いておりましたように、モノによっては動かないみたいです。なんでも同じ名称で違うプラグインが存在してるとか。当方環境で無事に動いてるサイトのJSへのリンクを掲載しますので、それをまるっとコピペするなり、右クリック→名前をつけてリンク先を保存、とか、よしなにお願いします。jQuery.autopager.jsんで、基本的な使い方は下記。false;});});</script>こんな感じになります。読み込んで、あとは上記のような記述をするだけですが、ここでちょっとポイント。使うのがセオリーですが、上記のままの記述で使っちゃうと、一番最後の記事を読み込んだ後でも「次ページへのリンクボタン」が出ちゃいます。第4引数に「文字列をまるめた後に付加する文字列を指定」する際、色々気を付けないと文字化けるよ、というお話。AMものすごく便利なコードをコピペ出来るようにしていただきありがとうございます。質問なのですが、次のページを読み込むとURLも変わってしまうのですが、何か制御する方法はあるのでしょうか?無知ですみません。田中様ご質問ありがとーございます!早速ですが、おそらくURLが変わるのはコピペに失敗してるか、なにか導入時にミスがあったか、JavaScriptが有効になっていないか。このコードは「URLが変わらないで次ページを読み込む」というコードなので、仰る挙動はなにか不具合が発生してる可能性が高いです。ようになってしまいます。「もっと見る」のボタンにカーソルを合わせた時点で確認できます。javascriptは有効になっていて動作自体はローディング自体は問題ないのです。何かポイントとなる箇所がありましたらご教授ください。すみませんが、よろしくお願いいたします。ステータスバーに出ますね。いうURLで書き出すので、その仕組み自体を変えるのは難しいんじゃないかと思います。スラッグがついてしまうので悩んでいたのですが、まさかなぁ・・・と思って正常に動作しているサイトを見つけてそこに使用してるjsを差し替えたら動きました。(jquery.autopager-1.0.0.jsと同じ名前でした。)どこのサイトか忘れちゃいましたが、このjs結構よく使っているので見つかるかと思います。バージョン全く同じなのにどこかが違うんでしょうね。様ありがとーーございますっ!!そういうことだったんですねー。今見たら当サイトのリンク先もダメになっていたようで、皆様ご不便をおかけしました。当方制作のサイトでうまく挙動してるJSへのリンクに差し替えたので、これで良いのかなと。AMどうにもこうにも上手くいかなかったのでautopagerと/page/2/で検索したらこちらのページに辿り着きました。バージョン違いがあるとは思わず...とても助かりました、管理人さまありがとうございます。linksDropboxデバイスを選ばないオンラインストレージ。tenpu無広告のおしゃれなファイル転送サービス。ギガファイル便大容量ファイル(25GB)にも対応の転送サービス。aguse.jpURLからサーバやドメイン管理者などを取得。SimilarWeb競合サイト解析ツール。Fontsの全フォントを任意の文字で一覧化。Insightsサイトの読み込み時間と問題箇所をスコア化。LookupHTML特殊文字を類似文字から逆引き出来るサービス。Regexpreg_matchのマッチング結果を出力。Mail時間延長可能なワンタイムメールサービス。ご利用環境チェックツール自分のIP/HOST、OS、ブラウザ、解像度などを表示。Akinator頭に浮かべた人物を当てる超能力サービス。thisこのブログはウェブデザインやプログラミングなどをはじめ、web制作者向けの様々な技術や情報を掲載しています。現・フリーランスwebクリエイター。verb」として、フルスタックフリーランスやってます。