Studio CMSのカテゴリー・タグの作り方を徹底解説

StudioのCMSでブログやお知らせを運用し始めると、記事が増えるにつれて「カテゴリーで整理したい」「タグで横断的にまとめたい」という要望が出てきます。ところが、いざ設定しようとすると、カテゴリーを選択肢として持てばいいのか、それとも別に専用のモデルを作るべきなのか、判断に迷う方が多いところです。安易に作ると、あとで「カテゴリー別のページが作れない」「タグが1つしかつけられない」といった壁にぶつかってしまいます。

この記事では、Studio CMSでカテゴリーとタグを作る方法を、2つの実装方式の違いと使い分け、絞り込み表示の作り方まで含めて丁寧に解説します。150名以上が参加するノーコードコミュニティ「ノーコードサロン」に集まる制作現場では、カテゴリー設計でつまずく相談が定番です。その知見をもとに、後から困らない設計の考え方をお伝えします。CMSの基本から確認したい方はStudioのCMS・ブログの作り方も先に読んでおくと理解がスムーズです。

結論・全体像：カテゴリーは「1対多」、タグは「多対多」

まず結論です。カテゴリーとタグは、似ているようで役割が違います。

• カテゴリー：記事を大きく分類するもの。1記事に1つだけつけるのが基本（例：お知らせ／ブログ／プレスリリース）
• タグ：記事を横断的に結びつけるもの。1記事に複数つけられる（例：初心者向け・Studio・CMS）

この違いが、実装方法の選び方に直結します。理由は、「1記事に1つ」なら選択肢フィールドでも十分ですが、「1記事に複数」かつ「タグ別の一覧ページも作りたい」場合は、タグを独立したデータとして持たせる必要があるからです。

Studioでカテゴリー・タグを持たせる方法は、大きく2通りあります。

1. 選択肢（セレクト）方式：モデルの中に「カテゴリー」という選択肢フィールドを作り、あらかじめ用意した候補から選ぶ2. 参照（リレーション）方式：カテゴリー用のモデルを別に作り、記事モデルからそのカテゴリーを参照（紐付け）する

シンプルな分類だけなら選択肢方式、カテゴリー別・タグ別の専用ページや絞り込みを作り込みたいなら参照方式、という使い分けが基本になります。参照という考え方はCMS設計の要なので、Studio CMS「モデル」の作り方と設計のコツもあわせて読むと理解が深まります。

手順：カテゴリーとタグを作る

手順1：選択肢方式でカテゴリーを持たせる（シンプルな場合）

もっとも手軽なのは、記事モデルの中にカテゴリー用の選択肢フィールドを作る方法です。CMSのモデル設定で、記事モデルに「カテゴリー」というフィールドを追加し、型を選択肢（セレクト）にします。そこに「お知らせ」「ブログ」「イベント」など、あらかじめ使うカテゴリー名を候補として登録しておきます。

記事を書くときは、そのフィールドから該当するカテゴリーを1つ選ぶだけです。一覧では、選ばれたカテゴリー名を表示したり、色分けのラベルにしたりできます。この方式のメリットは設定が速いこと。デメリットは、カテゴリーごとの説明文やアイキャッチ画像を持たせにくいこと、そしてカテゴリーを後からまとめて名称変更する運用がやや手間になることです。

手順2：参照方式でカテゴリーを持たせる（本格運用の場合）

カテゴリー別のページを作ったり、カテゴリーごとに説明文を持たせたりしたい場合は、参照方式が向いています。手順は次のとおりです。

1. カテゴリー用のモデルを新しく作る：フィールドは「カテゴリー名」「スラッグ（URL用の文字列）」「説明文」などを用意します2. カテゴリーのデータを登録する：お知らせ・ブログ・イベントなど、使うカテゴリーを1件ずつ登録します3. 記事モデルに参照フィールドを追加する：記事モデルに「カテゴリー」という参照（リレーション）フィールドを作り、手順1のカテゴリーモデルを参照先に指定します4. 記事ごとにカテゴリーを紐付ける：記事を書くときに、参照フィールドから該当カテゴリーを選びます

この方式なら、カテゴリー自体が独立したデータになるため、「カテゴリー一覧ページ」や「このカテゴリーの記事だけを集めたページ」を作りやすくなります。カテゴリー名を1か所直せば、紐付いた全記事に反映されるのも運用上の利点です。

手順3：タグを多対多で持たせる

タグは「1記事に複数」「1つのタグが複数記事に紐づく」という多対多の関係です。これを実現するには、参照方式が前提になります。

1. タグ用のモデルを作る：フィールドは「タグ名」「スラッグ」など2. 記事モデルに、タグを複数選べる参照フィールドを追加する：1記事に複数のタグを紐付けられる設定にします3. 記事ごとに関連するタグを複数選ぶ

こうしておくと、「Studio」タグの記事一覧、「初心者向け」タグの記事一覧といった、横断的なまとめページを作れます。タグは増えすぎると管理が煩雑になるため、運用初期は数を絞り、必要になったら足していくのがおすすめです。

手順4：カテゴリー・タグで絞り込み表示を作る

分類を持たせたら、それを使って一覧を絞り込みます。基本的な考え方は2つです。

• 固定の絞り込み：CMSリストに「カテゴリーが○○の記事だけ表示」という条件を設定します。カテゴリー別ページを個別に作るときに使います
• 一覧からの動的な絞り込み：カテゴリー一覧やタグ一覧を置き、それぞれをクリックすると該当カテゴリー・タグの記事ページに移動する導線を作ります

Studioでは、CMSリストの表示条件として「特定のカテゴリーに一致するもの」といった絞り込みを設定できます。参照方式でカテゴリーを持たせておくと、この条件設定がしやすくなります。並び順（日付の降順など）とあわせて設定すると、整理された一覧になります。一覧のレイアウトが崩れる場合はボックス・余白の仕組みを確認すると原因を切り分けやすくなります。お知らせのカテゴリー分けをしたい場合は、Studio CMSでお知らせリストを作る方法とあわせて設計すると全体がつながります。

つまずき・よくある失敗と対処

• タグを1つしかつけられない：選択肢フィールドや、単一参照のフィールドで作っているのが原因です。複数選べる参照フィールドに変える必要があります。タグは最初から多対多で設計するのが安全です。
• カテゴリー別ページが作れない：カテゴリーを選択肢方式で持っていると、カテゴリー自体をデータとして扱えず、専用ページが作りにくくなります。ページを作りたいなら参照方式に切り替えます。
• カテゴリー名を変えたら表示がバラバラに：選択肢方式で候補名を直接書き換えると、既存記事の値とズレることがあります。参照方式ならカテゴリーデータを1件直すだけで済みます。
• 絞り込みが効かない：CMSリストの表示条件が、参照しているカテゴリーと正しく結びついていないことが多いです。条件のフィールド指定を見直します。
• カテゴリーとタグを両方は要らなかった：小規模サイトでは、まずカテゴリーだけで運用し、必要になってからタグを足すのが現実的です。最初から作り込みすぎないのもコツです。

制作現場では、「後からカテゴリー別ページを作りたくなる」ことが非常に多いため、迷ったら参照方式を選んでおくと後悔が少ない、という声が共通しています。

よくある質問（FAQ）

Q1カテゴリーとタグ、どちらを先に作るべきですか？

まずカテゴリーから設計するのがおすすめです。カテゴリーは記事の大分類で、サイトの情報構造に直結します。タグは横断的な補助分類なので、記事がある程度たまり、まとめたい切り口が見えてから追加しても遅くありません。

Q2選択肢方式で作ったカテゴリーを、後から参照方式に変えられますか？

技術的には作り直しになるケースが多く、記事数が増えるほど移行の手間が大きくなります。カテゴリー別ページや説明文を持たせる可能性が少しでもあるなら、最初から参照方式で作っておくと安全です。設計の考え方はStudio CMS「モデル」の作り方と設計のコツを参考にしてください。

Q31つの記事に複数カテゴリーをつけたいのですが可能ですか？

可能ですが、それは実質「タグ」に近い使い方になります。複数つけたいなら、複数選べる参照フィールド（多対多）で持たせます。ただし分類がぼやけやすくなるため、大分類のカテゴリーは1つに絞り、補助的な分類はタグに寄せるほうが整理しやすくなります。

Q4カテゴリーページのURLをきれいにしたいです

カテゴリーモデルに「スラッグ」フィールドを用意し、英数字のURL用文字列を登録しておくと、URLを整えやすくなります。日本語カテゴリー名をそのままURLにすると読みにくくなるため、スラッグの併用がおすすめです。

まとめ

Studio CMSのカテゴリーとタグは、「カテゴリーは1記事に1つ（1対多）」「タグは1記事に複数（多対多）」という役割の違いを押さえるところから始まります。シンプルな分類なら選択肢方式で十分ですが、カテゴリー別・タグ別のページや説明文を持たせたいなら、カテゴリー・タグ用のモデルを別に作る参照方式が有利です。

迷ったら、後から拡張しやすい参照方式を選んでおくと安心です。まずはカテゴリーだけをシンプルに設計し、運用しながらタグを足していく——この進め方が、記事が増えても破綻しない整理された一覧への近道になります。