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: トップページとブログ一覧のページを用意する
トップページを区画のあるページにし、すべての記事の一覧は別のページに出す構成にします。
- 固定ページ → 新規追加 で、空の固定ページを2つ作る(例: 「ホーム」と「記事一覧」)
- 設定 → 表示設定 の「ホームページの表示」で「固定ページ」を選ぶ
- 「ホームページ」に「ホーム」、「投稿ページ」に「記事一覧」を選んで保存する
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 のクエリーループのドキュメントにもとづく)。
- ブロックを追加し、
/query loopと入力するか「クエリーループ」を検索して挿入する - 「パターンを選択」または「空で始める」で、最初の形を選ぶ
- ブロックの設定で、クエリーの種類(Query type)を「Default」から 「Custom」 に変える。Default のままだと、テンプレートが決める投稿(その画面のメインの一覧)が表示され、投稿タイプやフィルターの項目が出てこない
- 並び順、先頭固定表示、表示件数(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」のままにする。
- 複数人で書くなら、外部の書き手は「寄稿者」にして公開前の確認を通す。