「トップページに特定のカテゴリーの記事だけを並べたい」 「『お知らせ』と『ブログ記事』で表示デザインや件数を分けたい」

Webサイトをカスタマイズしていく中で、このような「記事の並べ方」に関する悩みにぶつかったことはありませんか？

初期設定のままだと、投稿一覧は「すべての記事が日付順にズラリと並ぶだけ」になりがちです。しかし、これを自由自在にコントロールできるようになる鍵こそが、現代のWordPressにおける超重要機能「クエリループ（クエリーループブロック）」です。

今回は、クエリループの仕組みと、これを知ることでサイトの表現力がどれほど劇的に広がるのかについてお話しします。

　✅今、当サイトでいかしているデザインこそクエリループ！

この記事を読んでみたい！と思う理由として、画像に文字が入っているサムネイル画像にひかれた・・・というケースが多くあると思います。

そのように魅力的なタイトルに追加して、そのタイトルの文面が入っている画像が入ったものをブログ記事のリンク元に貼る事でこのような見栄えを作ることができます。

一例として当サイトにおける画像を掲載しています。

こういった見栄えのブログ記事一覧を作成する事をクエリループといいます。

　✅「新着順に並ぶだけ」のサイトから脱却できない理由

WordPressでブログやサイトを作った際、多くの人が一度は諦めそうになるのが「トップページのレイアウト」です。

本来なら「おすすめ記事」「最新のお知らせ」「特定のカテゴリー（例：WordPressの使い方）」といったブロックを美しく配置したいのに、標準機能では「サイト内の全記事が投稿日順に一覧表示される」という一辺倒なレイアウトになってしまいます。

これまでは、このような高度なレイアウトを実現するためには、難しいPHPコード（プログラミング）を書くか、特定の重いプラグインに頼るしかありませんでした。

しかし、WordPressのブロックエディタに「クエリループ」が登場したことで、専門知識がなくてもノーコードで投稿一覧を自由自在に配置できるようになりました。

✅そもそも「クエリループ」とは何をする機能なのか？

「クエリループ（Query Loop）」という名前を聞くと、難しそうな専門用語に聞こえるかもしれません。

仕組みを現実世界に例えると、「図書委員（データベース）に『この条件の本だけを集めて、この本棚に並べて！』と命令する指示書」のようなものです。

専門用語をわかりやすく分解すると、以下のようになります。

〇クエリ（Query）： 「どの記事を持ってくるか？」という条件指定（例：『お知らせ』カテゴリーだけ、表示件数は3件、おすすめ順、など）

〇ループ（Loop）： 「持ってきた記事を、指定したデザイン枠（カード型やリスト型）で繰り返し表示する」処理

つまりクエリループとは、「指定した条件の記事だけを自動で抽出し、好みのデザインで並べてくれるブロック」のことです。

　✅クエリループをマスターすると実現できる3つの自由

クエリループの仕組みを理解すると、サイト内の記事一覧を思い通りにデザインできるようになります。具体的には以下のようなレイアウトが数分で完成します。

1. カテゴリーごとに分けたトップページの作成 トップページの最上部に「重要なお知らせ（3件）」、その下に「人気のブログ記事（6件）」、さらに下に「実績紹介（4件）」といったメリハリのあるポータルサイトのような構成が作れます。

2. 表示形式（デザイン）の自由な切り替え ある場所では「アイキャッチ画像付きの大きなカード型」、別の場所では「日付とタイトルだけのシンプルな1行リスト型」といった使い分けが同じサイト内で自在にできます。

3. 「特定記事の除外」や「指定表示」 「最新の1件だけを大きく目立たせ、2件目以降は小さく横に並べる」「特定タグの記事だけをピックアップする」といった高度な見せ方が可能になります。

　✅難しい技術はプロに任せ、魅力的なコンテンツ発信に集中しよう

クエリループを使いこなすことで、あなたのWebサイトは「ただのブログ」から、企業サイトやメディアサイトのような「プロっぽく整ったWebサイト」へと一気に進化します。

しかし、フィルター条件の設定やレスポンシブ（スマホ）での表示崩れ防止など、慣れないうちは設定に戸惑うことも少なくありません。

「小説家は、印刷機の修理方法を学びません」

複雑なブロック構成やトップページの高度なレイアウト構築といった技術作業に何時間も頭を抱える必要はありません。土台となる洗練されたデザイン構造はプロに丸投げし、あなたは安心して届けるべきメッセージやコンテンツの作成に集中してください。

WordPressスタート代行では、クエリループ等の最新機能をフル活用し、後からご自身でも簡単に記事配置を変更できる扱いやすいWordPressサイトをご提供しています。トップページのデザインや記事一覧の配置でお悩みの方は、ぜひお気軽にご相談ください！