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サイト制作実績その4」と、「ホームページ制作」カテゴリーの下層にあったページとは別カテゴリーの「お知らせ > WordPressサイト プチカスタマイズキャンペーン」という記事を「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サイトのカテゴリーページのカスタマイズ」、「WordPressサイトのタグページのカスタマイズ」について、ホームページ制作 京都のWeb制作会社ファンフェアファンファーレで提供させていただくカスタマイズ方法や、設定例、WordPressテーマファイル内のアーカイブページ・カテゴリーページ・タグページなど各種アーカイブ系ページに関する編集方法について、概要を説明させていただいております。