記事一覧ページを無限スクロールにしてくれるWordPressプラグイン「Infinite-Scroll」

記事一覧ページを無限スクロールにしてくれるWordPressプラグイン「Infinite-Scroll」

スポンサードリンク
記事一覧ページを無限スクロールにしてくれるWordPressプラグイン「Infinite-Scroll」
  • シェアしてね♪
  • このエントリーをはてなブックマークに追加


  • 一式98,000円~の格安プランをご用意!Web制作お任せください!
  • このエントリーをはてなブックマークに追加

Infinite-Scrollは、記事の一覧ページを無限スクロール化してくれるWordPressプラグインです。

通常は、ナビゲーションのリンクをクリックしなければ次のページへ遷移しませんが、Infinite-Scrollを導入することで一覧の最後までスクロールすると、自動的に次のページが読み込まれるようになります。

Infinite-Scrollのインストール

インストール手順は以下の通りです。

  1. Infinite-Scrollをダウンロードします。
  2. ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
  3. 管理画面の[プラグイン]ページで、Infinite-Scrollを有効化します。

Infinite-Scrollの設定

WordPress管理画面で[設定] – [Infinite Scroll]にアクセスし、詳細設定を行います。

Infinite-Scrollの設定

Content Selector コンテンツ部分のセレクタ。Twenty Sixteenの場合:#main
Navigation Selector ナビゲーション部分のセレクタ。Twenty Sixteenの場合:.navigation
Next Selector 次ページのリンクのセレクタ。Twenty Sixteenの場合:.next
Item Selector 記事部分のセレクタ。Twenty Sixteenの場合:.post
Callback 次のページがロードされた時のコールバック
Loading Message 次ページロード中のメッセージ
Finished Message 次ページロード完了のメッセージ
Loading Image 次ページロード中のローディング画像
Behavior 次ページが読み込まれるタイミング

あとがき

大量のコンテンツを一覧で見せて、スクロールしながら見たいコンテンツを探せるところに、無限スクロールの良さがあります。例えば、Google画像検索やPinterestなんかが無限スクロールを採用していますね。

記事一覧を無限スクロール化したい時はぜひ!

この記事が気に入ったら
いいね!してね♪

Twitter で
スポンサードリンク

関連記事

コメントを残す

メールアドレスが公開されることはありません。