クエリーループブロックを無限スクロール化できるWordPressプラグイン「Infinite Scroll Block」

Infinite Scroll Blockは、クエリーループブロックで設置した投稿一覧を無限スクロール化できるWordPressプラグインです。

「Infinite Scroll」というブロックが追加されるので、それをクエリーループブロック内に設置することで無限スクロール化できます。

Infinite Scroll Blockのインストール

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

ファイルをFTPでアップロードしてインストール

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

WordPress管理画面でインストール

1. [プラグイン] – [新規追加]にアクセスします。
2. 「Infinite Scroll Block」で検索します。
3. [今すぐインストール]をクリックして、Infinite Scroll Blockをインストールします。
4. [有効化]をクリックしてプラグインを有効化します。

Infinite Scroll Blockの使い方

クエリーループブロック内に「Infinite Scroll」というブロックを追加するだけです。

通常のクエリーループブロックだと下記のようにページネーションが表示され、次の投稿を見るためにはページ移動が必要です。

クエリーループブロック内に、ブロックの追加から「Infinite Scroll」を設置します。

読込中のテキスト「Loading posts…」とこれ以上投稿がない時のテキスト「No more posts」を変更します。

スクロール時に見えてしまうので、元々あったページネーションは削除しておきます。

これで、クエリーループブロックの無限スクロール化が完了です。

あとがき

クエリーループブロックはブロックテーマ向けのブロックですかね。ブロックテーマじゃなくても固定ページとかでも、使いこなせれば便利そうですね。

クエリーループブロックを無限スクロール化したい時は、Infinite Scroll Blockの導入をご検討ください。