説明
この WordPress プラグインは、Gutenberg のクエリーループ内の「ページ送り」ブロックに「さらに読み込む」オプションを追加し、ページを再読み込みせずに投稿を読み込めるようにします。従来の Previous Next やページ番号によるページ送りを、カスタマイズ可能な Load More ボタンに置き換えます。
使い方
このプラグインを使用するには、まず投稿コンテンツに「クエリーループ」ブロックを追加し、その中に「ページ送り」ブロックを追加します。「ページ送り」ブロックの設定に「さらに読み込む」を有効にする新しいオプションが表示されます。
「さらに読み込む」オプションでは、読み込み中テキストやボタンテキストを設定できます。「さらに読み込む」ボタンは、「ページ送り」ブロックの配置オプションと矢印オプションに対応しています。
「さらに読み込む」オプションの有効化手順:
- 投稿コンテンツに「クエリーループ」ブロックを追加します。
- 「クエリーループ」ブロックの中に「ページ送り」ブロックを追加します。
- 「ページ送り」ブロックの設定で「Load More」オプションを有効にします。
- 読み込み中テキストとボタンテキストを設定します。
- 必要に応じて配置オプションと矢印オプションをカスタマイズします。
以上です ! 訪問者は「さらに読み込む」ボタンをクリックするだけで、ページを再読み込みせずに投稿を読み込めるようになります。
カスタマイズオプション
- 配置: ブロックエディターの標準設定で「さらに読み込む」ボタンの配置を設定
- ボタン: クリックして投稿を追加読み込みするボタンオプション
- ボタンテキスト: 「さらに読み込む」ボタンのテキストをカスタマイズ
- 読み込み中テキスト: 投稿読み込み中に表示するテキストをカスタマイズ
- 無限スクロール: フィードの末尾に到達すると新しい投稿を自動的に読み込むオプション
- 色: 「さらに読み込む」ボタンと無限スクロール使用時の読み込み中アイコンの色をカスタマイズ
- URL の更新: 投稿の追加読み込み時にブラウザーの URL を更新するオプション
スクリーンショット
インストール
- プラグインファイルを
/wp-content/plugins/query-loop-load-moreディレクトリにアップロードするか、WordPress のプラグイン画面から直接インストールします。 - WordPress の「プラグイン」画面からプラグインを有効化します。
FAQ
-
プラグインファイルをダウンロードするには ?
-
WordPress.org のプラグインライブラリからダウンロードできます。
-
バグ報告や機能リクエストはどこで送信できますか ?
-
- 公開リポジトリで Issue を作成してフィードバックを共有できます。バグ修正の対応時間は保証できませんが、すべての Issue はトリアージされます。
- このプラグインはオープンソースです。希望する機能変更に取り組み、修正の PR を作成してください。
-
ブロックのテキストを編集するには ?
-
- ブロック設定で、デフォルトのテキスト
Load Moreを任意のテキストに変更できます。
- ブロック設定で、デフォルトのテキスト
-
色を変更するには ?
-
- 現在のバージョンでは、ボタンの背景色はテーマのボタン色が適用されます。
評価
2026年5月23日
This plugin is an absolutely ingenious idea that addresses an annoying gap in WP core navigation and does it in a clean, performant way. It has the occasional color quirks with my theme but otherwise functions perfectly for me. Until WP adds something like this to core, this is the easiest way to replace pagination with Load More functionality without going full infinite scroll, and it just works.
2026年1月28日
This is definitely one of those features that should be built into the quarry loop pagination. Really grateful that this plugin exists!
2025年10月3日
I’ve had the pleasure of using this plugin on a good handful of sites, and it hasn’t failed me yet! It’s well integrated with the Query Loop block and is easy to implement. The default styling is sufficient in most cases, so I haven’t worried too much about manipulating it into my themes. 10/10 😻
貢献者と開発者
Query Loop Load More はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。
貢献者
変更履歴
1.0.18
- 修正 – composer.json の PHP 要件をプラグインの要件に合わせて 8.3 から 8.0 に更新
1.0.17
- 修正 – ボタンがビューポート下部にある場合に無限スクロールが動作しない問題
- 修正 – 継承クエリーのページパラメーター
- 修正 – カスタムクエリーページで未設定時のページパラメーター
- 修正 – 新しい投稿の取得と URL 更新時に現在の URL パラメーターを保持
- 更新 – 手動の「さらに読み込む」ボタンのイベントリスナーを個々のボタンではなくドキュメントに割り当てるよう変更
1.0.16
- 修正 – クエリーループを QueryID に依存しないように変更し、ページ内の複数ループで一方が先に終了する問題を修正
1.0.15
- 最適化 -「ページ送り」ブロックを使用しているページでのみアセットを読み込むよう変更
- 修正 – クエリーループが QueryID を正しく使用するようになり、ページ内の複数クエリーに対応
1.0.14
- 修正 – フッターのないサイトで無限スクロール時に投稿が読み込まれない問題を修正
1.0.13
- 修正 – 無限スクロール有効時にテキストのないリンクが表示される問題を修正
1.0.12
- 修正 – クエリーページの比較チェックを修正
1.0.11
- 修正 – _load_textdomain_just_in_time に関する警告を修正
- 追加 -「さらに読み込む」ボタンクリック時の JavaScript イベント document.qllmLoadStart
- 追加 – 読み込み完了時の JavaScript イベント document.qllmLoadEnd
- 修正 – 手動で制限が設定されている場合、「さらに読み込む」ボタンがクエリーの最大ページ数を遵守するよう修正
1.0.10
- 修正 -「さらに読み込む」ボタンの折り返しを修正
1.0.9
- 修正 – queryId が未設定またはゼロの「クエリー」ブロックでの投稿追加読み込み
- 修正 – 投稿の追加読み込み後に元のボタンコンテンツを保持。ページ送り矢印を修正
1.0.8
- 修正 – 無限読み込み設定が有効な場合のみ Intersection Observer を使用
- 修正 – クエリーが継承に設定されている場合、グローバルクエリーから最大ページ数を取得
1.0.7
- 修正 – 投稿の読み込み (複数「クエリー」ブロック、正しい「クエリー」ブロックからの投稿読み込み)
- 修正 – URL 関連の問題 (URL 更新の新しい設定、ベース URL を変更せずにページングパラメーターを更新)
- 更新 – 無限スクロールを含めボタンを1つに統一
- 更新 – デフォルトの動作を変更し、URL をデフォルトで更新しないように変更。再有効化の設定を追加
- 更新 – ビルドスクリプト
1.0.6
- 更新 – 読み込み中状態のときに loading クラスを追加
1.0.5
- 修正 – 同じ AJAX 呼び出しが2回実行されることで無限スクロール時に一部の投稿が重複する問題
1.0.4
- 更新 – バージョン
1.0.3
- 修正 -「テンプレートからクエリーを継承」での投稿追加読み込み
1.0.2
- 追加 – SVN デプロイワークフロー
- 更新 – バージョンと Stable タグ
1.0.1
- 修正 – GPL ライセンスを統一
- 修正 – テキストドメインとプラグインスラッグを統一
1.0.0
初回リリース。