2026年10月13日

2026年10月13日

WordPressでマガジン型サイトを作る方法|カテゴリー設計とクエリーループでトップページを組む

マガジン型サイトとは、トップページに最新記事・注目記事・カテゴリーごとの新着などを区画に分けて並べ、雑誌やニュースサイトのように見せるサイトです。ブログ型(新しい順に1列で並ぶ)と違い、読者が興味のある区画から記事を探せます。

WordPress では、マガジン型の見た目を「専用テーマ」に頼らなくても、標準機能の クエリーループブロック で組めます。この記事では、2026年10月時点の WordPress(ブロックテーマ)を前提に、設計から公開前の確認までを順に説明します。画面の名前は版によって変わることがあります。

手順1: カテゴリーとURLを先に決める

マガジン型では、カテゴリーがそのままトップページの区画とメニューになります。記事を書き始める前に決めておきます。

  • カテゴリーは5〜10個程度の大きな分類にする。細かい分類はタグに任せる
  • 1つの記事は、原則1つのカテゴリーに入れる(複数に入れると、トップページの複数の区画に同じ記事が並ぶ)
  • カテゴリーのスラッグ(URLに使う英数字の名前)を決める。例: news、review、interview

カテゴリーは 投稿 → カテゴリー で作ります。WP-CLI を使える環境なら次のように作れます。

wp term create category ニュース --slug=news
wp term create category レビュー --slug=review
wp term create category インタビュー --slug=interview

パーマリンク(記事のURLの形)は 設定 → パーマリンク で選びます。公開後に変えると、すでに広まったURLが変わってしまうので、最初に決めます。迷ったら「投稿名」(/%postname%/)が扱いやすい形です。

wp rewrite structure '/%postname%/'

手順2: テーマを選ぶ

テーマは 外観 → テーマ → 新しいテーマを追加 で探せます。選ぶときは次の点を見ます。

  • ブロックテーマかどうか。ブロックテーマなら、トップページやカテゴリーページの並びをサイトエディターで自由に変えられる(標準テーマの Twenty Twenty-Five もブロックテーマ)
  • スマートフォンでの表示(テーマのプレビューを狭い画面で確認する)
  • 最終更新日と、テスト済みの WordPress のバージョン(テーマのページに表示される)

「マガジン」と名の付くテーマでも、独自の設定画面に依存したものは、テーマを替えるときに作り直しになります。この記事では、標準ブロックだけで組む方法を説明します。

手順3: トップページとブログ一覧のページを用意する

トップページを区画のあるページにし、すべての記事の一覧は別のページに出す構成にします。

  1. 固定ページ → 新規追加 で、空の固定ページを2つ作る(例: 「ホーム」と「記事一覧」)
  2. 設定 → 表示設定 の「ホームページの表示」で「固定ページ」を選ぶ
  3. 「ホームページ」に「ホーム」、「投稿ページ」に「記事一覧」を選んで保存する

WP-CLI では次のとおりです(12 と 13 は作った固定ページのID)。

wp option update show_on_front page
wp option update page_on_front 12
wp option update page_for_posts 13

手順4: クエリーループでトップページの区画を作る

トップページの各区画は、クエリーループ ブロックで作ります。クエリーループは、条件に合う投稿を並べるブロックで、PHP のループをコードなしで書けるものです。

ホームに設定した固定ページを編集するか、外観 → エディター(サイトエディター)でトップページのテンプレートを編集し、次のように区画を積み上げます。

区画 クエリーループの設定
注目記事(大きく1〜3件) 先頭固定表示(Sticky posts)を「Only」にして、先頭固定表示にした記事だけを出す
新着記事 先頭固定表示を「Exclude」にし、1ページの件数を6件などにする
カテゴリー別の新着(カテゴリーの数だけ) フィルターの「Taxonomies」で該当カテゴリーを指定し、件数を4件などにする

設定のしかたは次のとおりです(WordPress.org のクエリーループのドキュメントにもとづく)。

  1. ブロックを追加し、/query loop と入力するか「クエリーループ」を検索して挿入する
  2. 「パターンを選択」または「空で始める」で、最初の形を選ぶ
  3. ブロックの設定で、クエリーの種類(Query type)を「Default」から 「Custom」 に変える。Default のままだと、テンプレートが決める投稿(その画面のメインの一覧)が表示され、投稿タイプやフィルターの項目が出てこない
  4. 並び順、先頭固定表示、表示件数(Items per Page)、オフセット(先頭から何件飛ばすか)、フィルターを設定する

区画の中の見た目は、中にある 投稿テンプレート ブロックで決めます。

  • 投稿テンプレートのツールバーで、リスト表示とグリッド表示を切り替えられる
  • 中にアイキャッチ画像・タイトル・日付・抜粋・カテゴリーなどのブロックを置く。グリッドの中で画像の高さをそろえたいときは、アイキャッチ画像ブロックの縦横比を固定する
  • タイトルと画像は、自動ではリンクにならない場合がある。タイトルブロックの「Make title a link」、アイキャッチ画像ブロックの「Link to Post」をオンにする

区画の下に「ニュースをもっと見る」のような、カテゴリーのページへのリンクを置くと、読者がそのまま一覧に進めます。

クエリーループの詳しい使い方は クエリーループブロックの使い方 も参考にしてください。

同じ記事が何度も並ぶのを防ぐ

注目記事に出した記事が、新着やカテゴリー別の区画にも出ることがあります。次の方法で調整します。

  • 注目記事を先頭固定表示で選び、他の区画は先頭固定表示を「Exclude」にする
  • 新着の上に「最新1件を大きく」出す区画を作り、新着の区画はオフセットを1にする

手順5: カテゴリーページと記事ページを整える

外観 → エディター → テンプレート で、カテゴリーのアーカイブ(例: 「カテゴリー」テンプレート)と、個別の投稿のテンプレートを編集します。

  • カテゴリーのアーカイブでは、クエリーループのクエリーの種類を Default のままにする。そのカテゴリーの記事とページ送りが、URL に合わせて表示される
  • 記事ページの下に「ほかの記事」を出す場合は、クエリーループのフィルターで「現在の投稿を除外」(Exclude)を使うと、いま読んでいる記事が一覧に出ない。なお、標準のクエリーループは、表示中の記事のカテゴリーに合わせて自動で絞る機能を持たない(固定のカテゴリーを指定する)

ナビゲーション(メニュー)は、ヘッダーのナビゲーションブロックにカテゴリーのページを並べます。

手順6: 複数人で書く場合の権限

マガジン型サイトは、複数の書き手で運営することが多くあります。WordPress には次の権限グループ(ユーザーの権限グループ)があり、ユーザー → 新規ユーザーを追加 で割り当てます。

権限グループ できること
管理者 サイトのすべての管理
編集者 他人の記事も含め、すべての投稿・固定ページの編集と公開
投稿者 自分の記事の作成・公開、画像のアップロード
寄稿者 自分の記事の作成と編集まで。公開はできない(編集者などが確認して公開する)

外部のライターには「寄稿者」を割り当てると、公開の前に編集者の確認を通す運用にできます。公開日時を指定する予約投稿は、投稿の編集画面の公開日時の設定で行えます。

公開前に確認すること

  • スマートフォンの幅で、トップページの区画が読みやすく並んでいるか
  • 画像の大きさ。トップページに画像が多いと重くなるので、アップロード前に適切な大きさに縮める
  • ページキャッシュ。トップページは記事の公開のたびに内容が変わるので、キャッシュの仕組みが公開時にトップページのキャッシュを消すかどうかを確認する
  • XML サイトマップ(WordPress 標準の /wp-sitemap.xml、または SEO プラグインのもの)と RSS フィード(/feed/、カテゴリーごとなら /category/news/feed/)が開けるか
  • バックアップ。記事が増えるほど失ったときの損失が大きいので、公開前に自動バックアップを設定する

まとめ

  • マガジン型サイトは、カテゴリーの設計が区画とメニューの土台になる。カテゴリーとパーマリンクは最初に決める。
  • 設定 → 表示設定 でトップページを固定ページにし、投稿一覧を別のページに分ける。
  • トップページの区画はクエリーループで作る。クエリーの種類を「Custom」にして、先頭固定表示・件数・オフセット・カテゴリーを指定する。
  • カテゴリーのアーカイブではクエリーの種類を「Default」のままにする。
  • 複数人で書くなら、外部の書き手は「寄稿者」にして公開前の確認を通す。

お気軽にご相談ください

お見積りへ お問い合わせへ
▲