WordPressサイトの「カテゴリーページ」・「タグページ」カスタマイズ

WordPressサイトの「カテゴリーページ」・「タグページ」カスタマイズ

ホームページ制作京都株式会社ファンフェアファンファーレでは、「カテゴリーページ」や「タグページ」などのアーカイブページのカスタマイズをはじめ、WordPressで制作されたウェブサイト・ホームページのカスタマイズサービスとして、WordPressテーマ（テンプレート）やプラグインのカスタマイズサービスを提供しております。

このページでは、WordPressのカスタマイズサービスのうち、「WordPressサイトのカテゴリーページ・タグページのカスタマイズ」について掲載しております。WordPressをカスタマイズすることによって、カテゴリーページ・タグページのレイアウトや表示形式を変更したり、一覧リストに特殊な表示項目を追加して表示したり、最上部にオリジナル画像を表示するなど様々なカスタマイズが可能です。

「カテゴリーページ・タグページのレイアウトを変更したい」

「カテゴリーページやタグページに表示される、それぞれの投稿の表示形式を変更したい」

「カテゴリー名やタグ名、投稿タイトル、日付などの他、カテゴリーページ・タグページのリストに特殊な表示項目を追加して表示したい」

「カテゴリーページやタグページの最上部にオリジナル画像を表示したい」

弊社では、こうしたご要望をお持ちの方に、WordPressテーマファイルの編集によるWordPressサイトのカテゴリーページ・タグページのカスタマイズをはじめ、お客さまのニーズに合わせたWordPressのカスタマイズを手がけております。

特殊なカテゴリーページ・タグページなどのアーカイブページの作成や、WordPressのカテゴリーページ・タグページのカスタマイズならお任せください！

WordPressのカスタマイズのうち、WordPressサイトの「カテゴリーページ」や「タグページ」などアーカイブに関するカスタマイズについてご紹介します。

WordPressのカテゴリーページやタグページの機能

WordPress（ワードプレス）の各記事（投稿）は単体のウェブページとして、随時生成・編集することができますが、ワードプレスにはこの各記事をカテゴリー分け、タグ付けする機能がついています。

こうした投稿ページは時系列的に流れていきますが、カテゴリー分類やタグ分類をしていくことで、該当カテゴリーやタグの一覧ページを生成していくことができます。

カテゴリー分け・タグ付けされたコンテンツページは、「各カテゴリー・タグごとのリストページ」であるカテゴリーページ・タグページに反映されるほか、サイドバーでカテゴリーページのリストやタグページヘのリンクを表示することができます。

全体的な投稿が時系列的に流れていくと、古い投稿が埋もれていきますが、この機能を利用することでカテゴリー分類やタグ分類ごとに関連した投稿ページが時系列的な並びでリスト表示されるようになるため、特定ジャンルの投稿に関心をもったユーザーに対してより優れたユーザビリティの配慮をすることができます。

アーカイブリストの表現

しかしながら、WordPressサイトにカテゴリー機能やタグ付け機能がついていても、WordPressテーマによって、このカテゴリーページやタグページのリストの表現の仕方は様々で、一般的にはリストページにおいて記事のタイトル・抜粋を表示して、各ページヘのリンクが設置されています。

カテゴリーごとやタグごとの最新記事（投稿）が表示される仕組みは持っているものの、リストとして表示される表示項目はWordPressテーマによって大きく異なります。

カテゴリーページ

WordPressサイトカテゴリーページ

WordPressのカテゴリーページとは、各記事をカテゴリー分けした際に表示される、該当カテゴリーに属するページヘのリストページです。

カテゴリーは、階層を設定することができるため、例えば親カテゴリーとして「ホームページ制作」を設置し、その子カテゴリー（下層カテゴリー）として、親カテゴリー「ホームページ制作」の仔細な分類である「WordPressサイトの制作」を設置することができます。

通常カテゴリーの中で階層を設定した場合、構造化データの「パンくずリスト」などでは、その階層を示すことが一般的です。

例）

ホームページ制作＞ WordPressサイトの制作＞ WordPressサイト制作実績その4

カテゴリーページは、そのカテゴリーに属する記事（WordPress投稿）の一覧リストを生成し、表示するページです。

該当カテゴリーに属する投稿の数が、そのカテゴリーページに表示する投稿の表示件数の設定を超えた場合、カテゴリーページはページ分割され、ページのコンテンツフッターなどに前後ページへのナビゲーションが表示されるようになります。

タグページ

WordPressサイトタグページ

一方WordPressのタグページとは、各記事に「タグ付け」する機能で、カテゴリーをまたいだ形でのタグ付けが可能です。

WordPressの「タグ」には、投稿のカテゴリーのような階層の概念はなく、タグ付けされた記事は、「タグ付けされたからといってどの階層の下にも属さない」という属性を持っています。

このことから、様々なカテゴリー分類を持っている場合でも、カテゴリーの概念をまたいで、関連した記事同士をタグで関連付けることがでるため、カテゴリーページとは違った形で、リストページが生成されます。

例えば、先ほどの「ホームページ制作＞ WordPressサイトの制作＞ WordPressサイト制作実績その4」と、「ホームページ制作」カテゴリーの下層にあったページとは別カテゴリーの「お知らせ＞ WordPressサイトプチカスタマイズキャンペーン」という記事を「WordPress」というタグでひとつのまとまりを作ることができます。

一般的にタグページの表示のされ方（リスト形式）は、カテゴリーページと同一である事がほとんどです。

タグページにおいてもカテゴリーページと同様に、該当タグに属する投稿の数が、そのタグページに表示する投稿の表示件数の設定を超えた場合、タグページはページ分割され、ページのコンテンツフッターなどに前後ページへのナビゲーションが表示されるようになります。

カテゴリーページ・タグページカスタマイズ

WordPressのカスタマイズサービスとして、「WordPressサイトのアーカイブページのカスタマイズ」、「WordPressサイトのカテゴリーページのカスタマイズ」、「WordPressサイトのタグページのカスタマイズ」について、ホームページ制作京都のWeb制作会社ファンフェアファンファーレで提供させていただくカスタマイズ方法や、設定例、WordPressテーマファイル内のアーカイブページ・カテゴリーページ・タグページなど各種アーカイブ系ページに関する編集方法について、概要を説明させていただきます。

WordPressテーマの中には、カテゴリーページ・タグページのリストを全文表示したりするタイプのものもあり、各WordPress投稿のアーカイブページとしての見栄えを考えた時、「リストとしての一覧性」が保たれていないテーマも存在します。

WordPressサイトを構成するWordPressテーマファイルを編集し、カテゴリーページやタグページをカスタマイズすることでアイキャッチ画像のリスト反映や抜粋文のみの表示に変更することができます。

基本的なカテゴリーページ・タグページのタイプ

基本的なカテゴリーページ・タグページのタイプは、記事タイトル、抜粋表示、投稿日時、該当カテゴリ、該当タグ、記事へのリンクなどですが、こういった要素の他に、記事に設置されたアイキャッチ画像を反映したり、カスタムフィールドで設定した内容をカテゴリーページ・タグページに反映したりといったカスタマイズも可能です。

記事タイトル
本文抜粋表示
投稿日時
投稿のカテゴリー
該当タグ
記事へのリンク

WordPressテーマやWordPressカスタマイズによって追加される項目

アイキャッチ画像
カスタムフィールドで設定した項目内容

WordPressテーマをカスタマイズ

カテゴリーページ・タグページは、WordPressテーマをカスタマイズすることよって、現在のテーマには設置されていないアイキャッチ画像の反映、カスタムフィールド入力項目の反映など、より仔細な情報を加えてカテゴリーページのリストに表示することができるようになります。

WordPressテーマによって純正のアーカイブ系のリストの表示の仕方は様々ですが、カテゴリーページ・タグページのレイアウトやリストに表示する項目も含めて、基本的に思い通りにカスタマイズすることができます。

カテゴリーやタグといったアーカイブ系ページに説明文を表示

WordPressのカテゴリーページやタグページといったアーカイブページは、基本的に該当するカテゴリー分類やタグ分類に応じた投稿がリスト表示されますが、こうした一覧リストの見出し直下の文頭などに、「カテゴリーページの説明文」、「タグページの説明文」を表示することができます。

WordPress管理画面でカテゴリーやタグを生成・編集する際に設定する「説明」の項目が、実際のページ表示時に反映されないWordPressテーマであっても、アーカイブ系ページのテーマファイルをカスタマイズすることで、こうした説明文を表示させることが可能です。

カテゴリーページやタグページのリストの並び順を変更

カテゴリーページやタグページに表示されるリストの並び順は、基本的には新着順になっていますが、WordPressテーマをカスタマイズすることで、リストの並び順を投稿日時の古い順、ランダム表示などへと変更することも可能です。

カテゴリーページカスタマイズ事例・実績

WordPressカテゴリーページのカスタマイズ事例としてお受けしたご依頼内容をお伝えさせていただきます。

ご依頼内容は、カテゴリーページの仕様を変更することがメインでしたが、その他細かいCSSの設定やレスポンシブデザインへの変更も同時に承りました。

カテゴリーページカスタマイズ WordPressカスタマイズ事例・実績

カスタム分類（タクソノミー）の追加

WordPressでは、通常のカテゴリー機能やタグ機能の他、独自の分類を加えることのできるカスタム分類（タクソノミー）機能があります。

このカスタム分類（タクソノミー）を追加することで、標準機能のカテゴリーやタグ機能の他に、別途カテゴリーやタグのような分類を行うことができます。投稿配信者や投稿種類が異なる場合にそれぞれの分類のアーカイブリストの項目の混在を避けることができます。

WordPressサイトのカスタム分類（タクソノミー）の追加

WordPress「カテゴリーページ」カスタマイズ・修正ご依頼例

WordPressで制作されたホームページ（WordPressサイト）のカテゴリーページにつきましては、アーカイブページを一括指定しているものや個別のカテゴリーページの設定ファイルが存在するものなど、WordPressテーマ（テンプレート）の仕様が異なるため、それぞれのテーマ仕様によってカスタマイズ方法が異なります。お見積に関しては、現在のWordPressサイトのカテゴリーページに関するテーマファイルの構成・構造によって、価格が変動しますことを予めご了承くださいませ。

WordPressサイトの「カテゴリーページ」カスタマイズ・修正をご依頼いただく際は、次のようなご依頼例をご参考ください。

カテゴリーページに、「投稿の公開日」と「最終更新日」を自動で表示したい。
カテゴリーページに投稿のアイキャッチ画像を表示できるように仕様変更して欲しい。
カテゴリーページのリスト要素の見出しや表のデザインを変更したい。
WordPressサイトのカテゴリーページのレイアウトを変更したい。現在4列表示だが倍サイズの2列での表示形式に変更したい。
現在の表示項目はタイトルと抜粋文、投稿へのリンクのみであるがアイキャッチ画像を加え投稿日時も表示したい。
カテゴリー名やタグ名、投稿タイトル、日付などの他、カテゴリーページのリストに特殊な表示項目を追加して表示したい。
トップページの新着記事の表示件数はそのままで、カテゴリーページのみ表示件数を変更したい。

WordPress「タグページ」カスタマイズ・修正ご依頼例

WordPressサイトのタグページにつきましては、アーカイブページを一括指定しているものや個別のタグページの設定ファイルが存在するものなど、WordPressテーマ（テンプレート）の仕様が異なるため、それぞれのテーマ仕様によってカスタマイズ方法が異なります。お見積に関しては、現在のWordPressサイトのタグページに関するテーマファイルの構成・構造によって、価格が変動しますことを予めご了承くださいませ。

WordPressサイトの「タグページ」カスタマイズ・修正をご依頼いただく際は、次のようなご依頼例をご参考ください。

タグページに、「投稿の公開日」と「最終更新日」を自動で表示したい。
タグページに投稿のアイキャッチ画像を表示できるように仕様変更して欲しい。
タグページのリスト要素の見出しや表のデザインを変更したい。
WordPressサイトのタグページのレイアウトを変更したい。現在1列表示だが半分サイズの2列での表示形式に変更したい。
現在は、タイトルと抜粋文、投稿へのリンクのみだが、アイキャッチ画像を加え、投稿日時も表示したい。
カテゴリー名やタグ名、投稿タイトル、日付などの他、タグページのリストに特殊な表示項目を追加して表示したい。
トップページの新着記事の表示件数はそのままで、タグページのみ表示件数を変更したい。

WordPress「アーカイブページ」カスタマイズ・修正ご依頼例

WordPressサイトのアーカイブページ（カテゴリー・タグ・投稿日時別・著者・作成者別のリスト表示）につきましては、WordPressテーマ（テンプレート）の仕様によってカスタマイズ方法が異なります。お見積に関しては、現在のWordPressサイトのアーカイブページに関するテーマファイルの構成・構造によって、価格が変動しますことを予めご了承くださいませ。

WordPressサイトの「アーカイブページ」カスタマイズ・修正をご依頼いただく際は、次のようなご依頼例をご参考ください。

アーカイブページに、「投稿の公開日」と「最終更新日」を自動で表示したい。
アーカイブページに投稿のアイキャッチ画像を表示できるように仕様変更して欲しい。
アーカイブページのリスト要素の見出しや表のデザインを変更したい。
年別アーカイブなどをnoindexにしたい。
WordPressサイトのアーカイブページのレイアウトを変更したい。現在3列表示だが2列の表示形式に変更したい。
現在は、タイトルと抜粋文、投稿へのリンクのみだが、アイキャッチ画像を加え、投稿日時も表示したい。
カテゴリー名やタグ名、投稿タイトル、日付などの他、アーカイブページのリストに特殊な表示項目を追加して表示したい。
トップページの新着記事の表示件数はそのままで、アーカイブページのみ表示件数を変更したい。

WordPressサイトのカテゴリー別・タグ別などのアーカイブ系ページの基本となる「アーカイブ」を構成しているarchive.phpをはじめアーカイブ部分に関するstyle.css、テーマファイルによってはcontent.phpなどを編集させていただき、phpによる記述変更やWordPress関数を設置して、ご希望どおりのアーカイブページへと変更させていただきます。

トピッククラスターモデルを形成するカテゴリー戦略

現代のSEOにおいて、最も強力な戦略の一つが「トピッククラスターモデル」です。これは、特定のテーマ（トピック）について網羅的に情報を配置し、サイト全体の専門性を高める手法です。

WordPressのカテゴリー機能は、このモデルを構築するのに最適です。親カテゴリーを「ピラーコンテンツ（柱となるページ）」と見なし、そこに紐づく投稿記事を「クラスターコンテンツ（詳細ページ）」として位置づけます。

私たちは、単に記事を振り分ける箱としてカテゴリーを使うのではなく、内部リンクの「ハブ」として設計します。カテゴリーページから配下の記事へ、そして記事からカテゴリーページへ、あるいは同カテゴリー内の関連記事へとリンクを張り巡らせることで、強力な「情報の塊（サイロ）」を形成します。これにより、検索エンジンは「このサイトはこの分野において深い知識を持っている」と認識し、ドメイン全体の評価（Domain Authority）を底上げします。

「カニバリゼーション（共食い）」を防ぐためのタグ管理の鉄則

多くのサイト運営者が陥る罠、それが「タグの乱立」によるカニバリゼーションです。記事を書くたびに思いつきでタグを増やしていくと、似たようなタグページが大量に生成されてしまいます。

例えば、「SEO対策」「SEO」「検索エンジン最適化」という3つのタグを作ったとします。これらは意味的にほぼ同じですが、WordPressは別々のタグページ（一覧ページ）を生成します。中身の記事リストが酷似しているため、Googleはこれらを「重複コンテンツ（Duplicate Content）」と見なす可能性があります。

プロフェッショナルな運用では、タグの数を厳密に管理します。タグは「インデックス（索引）」の役割を果たしますが、SEO価値の低い（記事数が極端に少ない、または重複している）タグページについては、noindex メタタグを出力して検索結果に表示させない措置を取ることもあります。クロールバジェット（クローラーの巡回リソース）を無駄遣いせず、価値あるページだけにGoogleを誘導するための技術的な判断です。

カテゴリーアーカイブページの「ランディングページ（LP）化」

WordPressの標準テーマでは、カテゴリーページは単に「記事のタイトルと抜粋が並んでいるだけ」の殺風景なものになりがちです。しかし、トップマーケターにとって、カテゴリーページは重要な集客の入り口です。

「Webマーケティング」というカテゴリーページがあるなら、そのページ自体が「Webマーケティングとは何か」を解説するランディングページ（LP）であるべきです。

私たちは、カテゴリー編集画面にリッチテキストエディタやカスタムフィールド（Term Meta）を追加するカスタマイズを行います。これにより、カテゴリーページの最上部に、魅力的なメインビジュアル、導入文、おすすめ記事のピックアップ、そしてメルマガ登録などのCTA（行動喚起）エリアを自由に配置できるようにします。検索ユーザーが記事単体ではなくカテゴリーページに着地した際にも、高い満足度を提供し、直帰率を下げるための施策です。

階層構造（ヒエラルキー）とURL設計の最適化

カテゴリーには親子関係（階層）を持たせることができますが、これをURL構造（パーマリンク）にどう反映させるかは、慎重な判断が必要です。

example.com/category/parent/child/post-name/ のような深いディレクトリ構造は、パンくずリストとの整合性が取りやすく、ユーザーに現在地を伝えやすいメリットがあります。一方で、URLが長くなりすぎたり、将来的にカテゴリーを変更した際にリダイレクト処理（301転送）が大量に発生したりするリスクもあります。

私たちは事業の成長性を見据えて設計します。将来的にカテゴリーが複雑化することが予想される大規模メディアであれば、あえてURLにはカテゴリーを含めず example.com/post-name/ というフラットな構造を採用し、パンくずリストだけで構造を示す方法を推奨することもあります。技術的な制約と、運用の柔軟性のバランスを見極めるのがプロの仕事です。

pre_get_posts フックによるクエリの制御と表示順序の変更

カテゴリーやタグの一覧ページにおいて、必ずしも「新着順」が正解とは限りません。

例えば、「イベント情報」というカテゴリーなら「開催日順」に並んでいるべきですし、「用語集」というカテゴリーなら「五十音順」に並んでいる方がユーザーにとって親切です。また、特定のタグが付いた記事だけを、メインのブログ一覧（トップページ）から除外したいという要望もよくあります。

これらを実装するために、テンプレートファイルを直接書き換えるのではなく、pre_get_posts アクションフックを使用して、メインクエリ（データベースへの要求）が実行される前に条件を書き換えます。これにより、ページの読み込み速度を落とすことなく、またページネーションの不具合を起こすことなく、自由自在な並び替えやフィルタリングを実現します。

パンくずリスト（Breadcrumbs）の論理構造とスキーママークアップ

カテゴリー設定は、SEOに不可欠な「パンくずリスト」の生成元となります。しかし、一つの記事を複数のカテゴリーに所属させた場合、パンくずリストがどうなるかをご存知でしょうか？

多くのプラグインやテーマでは、IDが一番若いカテゴリーや、アルファベット順で最初のカテゴリーがパンくずの親として選択されます。しかし、これは必ずしもサイト運営者の意図とは一致しません。

私たちは、記事編集画面で「メインカテゴリー（Primary Category）」を明示的に選択できる機能を実装します。これにより、多角的な分類を行いながらも、パンくずリストの構造を固定し、Googleに対してサイト構造を正しく伝えることができます。同時に、Schema.org（JSON-LD）形式の構造化データを出力し、検索結果画面にリッチなパンくずを表示させることで、クリック率（CTR）の向上を狙います。

カテゴリーIDを利用した動的なデザイン切り替え

ユーザー体験（UX）を向上させるために、カテゴリーごとにサイトの配色やレイアウトを動的に切り替えるカスタマイズを行います。

例えば、「ニュース」カテゴリーは青色基調の信頼感あるデザイン、「ブログ」は暖色系の親しみやすいデザイン、「採用情報」はコーポレートカラーを前面に出したデザイン、といった具合です。

技術的には、body_class フィルタフックを利用して、現在のページが属するカテゴリーのスラッグやIDをHTMLの <body> タグのクラスとして出力させます。そしてCSSで .category-news h2 { color: blue; } のようにスタイルを定義します。これにより、ユーザーは直感的に「今、どのセクションを見ているか」を把握でき、サイト内回遊のストレスを軽減できます。

グローバルナビゲーションとメガメニューへの展開

カテゴリー構造が整理されていると、グローバルメニュー（ヘッダーメニュー）の設計もスムーズになります。しかし、カテゴリー数が多い場合、単純なドロップダウンメニューでは一覧性が悪くなります。

そこで、カテゴリー構造を自動的に読み込んで展開する「メガメニュー」を実装します。親カテゴリーにマウスを乗せると、子カテゴリー、孫カテゴリーまでがパネル状に展開され、さらに各カテゴリーの代表的な記事（アイキャッチ画像付き）を表示させます。

これを手動で管理するのは大変ですが、WordPressのWalkerクラスを拡張することで、カテゴリーの追加・削除に合わせて自動的にメニュー構造が更新されるシステムを構築できます。運用コストを下げつつ、ユーザービリティを最大化する技術です。

REST APIとヘッドレスCMS化への対応

将来的にサイトをアプリ化したり、Reactなどのモダンなフレームワークでフロントエンドを作り直したりする場合（ヘッドレスCMS化）、カテゴリーやタグのデータ構造は非常に重要になります。

WP REST APIを通じて記事データを取得する際、標準ではカテゴリーIDしか返ってこないことがありますが、私たちはAPIレスポンスをカスタマイズし、カテゴリー名、スラッグ、タームメタデータ（カテゴリー画像など）もセットで出力されるように設計します。

これにより、外部システムとの連携が容易になり、将来的な事業の拡張やプラットフォームの変更にも柔軟に対応できる「資産としてのデータ構造」を構築します。

アーカイブ・カテゴリー・タグページのカスタマイズ方法

カテゴリーとタグのカスタマイズは、ホームページの情報設計（アーキテクチャ）そのものです。

適当に作った分類は、ゴミ屋敷のようなサイトを生み出します。しかし、論理的かつ戦略的に設計された分類は、美しい図書館のように、ユーザーが必要な知識へ瞬時にアクセスできる環境を提供します。

あなたのサイトのカテゴリーは、ただの「箱」になっていませんか？それとも、ユーザーを導く「道標」として機能していますか？

もし、サイトの構造が複雑になりすぎて整理がつかない、あるいはSEOの順位が伸び悩んでいると感じるなら、ぜひ株式会社ファンフェアファンファーレにご相談ください。情報の整理学とWeb技術のプロフェッショナルとして、あなたの事業に最適なサイト構造をご提案し、実装いたします。

WordPressで制作されたホームページ（WordPressサイト）のアーカイブページ・カテゴリーページ・タグページにつきましては、WordPressテーマ（テンプレート）の仕様によってカスタマイズ方法が異なります。

お見積に関しては、現在のWordPressサイトのアーカイブページ・カテゴリーページ・タグページなど各種アーカイブ系ページに関するテーマファイルの構成・構造によって、価格が変動しますことを予めご了承くださいませ。

WordPress（ワードプレス）のカスタマイズ

ホームページ制作京都のWeb制作会社
株式会社ファンフェアファンファーレ

Web集客できるホームページ制作・作成
Web制作&Webマーケティング