当サイト(mizTech)の投稿の分類機能についてのまとめ

タグとカテゴリーの図

WordPressには投稿の分類機能が備わっており、このサイトではそれを利用しています。この記事はこのサイトにおける投稿の分類機能に関する内容をまとめておくことを目的にした記事です。

WordPressの投稿分類機能の基本知識の確認

WordPressの仕様、用語についてはWordPress Codex 日本語版などを参照するとわかりますが、自分なりの言葉でざっくり整理しておきます。

カテゴリーとタグ

WordPressの初期状態で設定可能な分類です。設定するとカテゴリーで投稿を絞り込んで一覧表示したり、タグで絞り込んで一覧表示したりできます。カテゴリーもタグも設定しない場合、デフォルトではすべての投稿が投稿一覧ページに最新のものから順に表示されます。

カスタム投稿タイプ、カスタムタクソノミー、ターム

WordPressは標準で備わっている投稿とは別にカスタム投稿を作成できます。カスタム投稿を作成することにより標準の投稿とは別の種類の投稿をサイト上で表現できるようになります。例えば、投稿記事のデザインを変更しやすくなったり、管理画面にカスタム投稿の管理項目が追加できたりします。カスタムタクソノミーとタームはカスタム投稿を作成した場合に設定可能な分類です。WordPressの初期状態では使えません。カスタムタクソノミーとタームの関係は、例えば、カスタムタクソノミー「映画」、ターム「SF」「ホラー」「コメディ」のような関係です。各分類項目と分類項目をまとめる名前といった関係になっています。タームの役割は通常の投稿におけるタグと同じものと捉えていいと思います。

カテゴリーとタグの特徴、メリット、デメリット

カテゴリー

  • 特徴
    • 1記事に対して1カテゴリーが設定されているのが望ましい。 1記事に複数カテゴリが設定されているのは望ましくない。
    • 頻繁に追加、削除をしない固めの分類法である。
    • カテゴリー数は多くなりすぎないようにする。
  • メリット
    • 大まかで明確な分かりやすい分類になる。
  • デメリット
    • カテゴリ数が増えると例えばナビゲーションメニューのようなUIが煩雑になる。
    • どのカテゴリにも入れにくい内容の記事が出てきた場合に困る。未分類のようなあいまいなカテゴリーができてしまったりする。
    • 分類のルールに柔軟性がないのでコンテンツの内容が多様なほどきれいに分類しにくい。

タグ

  • 特徴
    • 1記事に対して複数のタグを設定できる。
    • 複数カテゴリにまたがる記事を1つのタグで串刺しにできる。
    • カテゴリと違って、数が少ない方がいいということはそれほどない。
    • 柔軟性がある分類法である。
  • メリット
    • 多様な内容の記事をカテゴリよりも分類しやすい。
  • デメリット
    • タグが増えすぎると細かく煩雑でわかりにくい分類になることがある。

このサイトにおける投稿の分類方法

基本的には大きく投稿タイプでBlogとWorksに分け、その中の分類はカテゴリは使用せずタグのみで分類することにしました。タグのみにした理由は、今後投稿されるコンテンツの内容が多様になってきた場合でも柔軟に分類名を設定できるからです。また、コンテンツがあまりない状態では適切なカテゴリーを設定するのが難しいからです。

Blog

  • 内容：技術ブログとしての投稿です。
  • 投稿タイプ：WordPressの通常の投稿を使用する。
  • 分類法：カテゴリはなし。タグのみで分類する。

Works

  • 内容：制作物、制作実績についての投稿です。
  • 投稿タイプ：カスタム投稿を作成して使用する。
  • 分類法：タクソノミー名は”kind”。タームは都度追加。例：ポートフォリオサイト、Webアプリなど。タームをタグのように使って分類する

このサイトにおける分類に関する情報の表現

配色

Blogは紫、Worksは緑というようにBlogとWorksでタグの色を分けています。これによりBlogのタグ分類とWorksのタグ分類が別ものであることを視覚的に示すようにしています。また、主調となる色を暖色に設定しているので、それとぶつからないようにタグの色は寒色系でまとめる配色にしています。

レイアウト

Blogのタグクラウドは個別のページに表示させています。サイドバーにタグクラウドがあるレイアウトもよくありますが、記事の内容に注意を向けやすくするためにサイドバーはなしにしています。また、個別のページにまとめることでタグが増えたときに表示が煩雑になるというデメリットも軽減できるからです。

URL

URLは見える要素なのでどう表現するか考えた方がいい部分だと思いますが、現状は以下のようになっていて、あまりすっきりしません。blogとworksのどちらの情報に関連しているかくらいは示せているほうがいいのでいずれ改良します。

ブログ一覧/blog
ブログ投稿/[投稿名]
ブログタグクラウド/tags
タグ別ブログ一覧/tag / [タグ名]
Works一覧/works
Works投稿/works/ [投稿名]
ターム別Works一覧/works-category / [ターム名]

今後改良する予定のこと

Worksの投稿はカスタム投稿にしていますが現状は通常の投稿とレイアウトが同じになっています。コンテンツができてきたらどう見せるかをデザインし直す予定です。