WordPressカスタマイズ事例・実績のご紹介です。今回はカテゴリーページカスタマイズについてご紹介します。
WordPressの投稿アーカイブであるカテゴリーページは、投稿のリストを生成してくれる便利な機能となります。ただ、その表示形式は現在利用しているテーマに依存しています。一覧リストとしてシンプルな表示をして欲しいのに、各投稿の全文が表示されてしまうというような場合もあります。こうした場合は、WordPressテーマのカスタマイズによってシンプルなカテゴリーページに変更することで解決することができます。
WordPress(ワードプレス)はたくさんの応用が可能なブログCMSです。
弊社ファンフェアファンファーレではワードプレスでのホームページ制作・ウェブサイト制作、WordPress(ワードプレス)のカスタマイズサービスを提供しております。
「CMSの性質 CMSの最大の強みと弱点を補うポイント」でお伝えしましたが、ワードプレスもCMSのため、強みと弱みがあります。
CMSは、以下の様な性質があります。
ウェブサイトを構成する大半の部分がシステムで出来上がっているため、初心者でもおおまかには簡単にウェブサイトを構築できるような魔法の仕組みです。しかしながら、カスタマイズには基礎的な仕組みの理解が必要になります。
さて、WordPressカスタマイズ事例・実績として、ワードプレスのカテゴリーページのカスタマイズについてお伝えしていきます。
カテゴリーページとは?
WordPress(ワードプレス)には記事を投稿する機能がついています。
この機能は一般的なブログと同じです。
記事は単体のウェブページとして、生成することができますが、ワードプレスにはこの記事たちをカテゴリー分け、タグ付けする機能がついています。
そして、カテゴリー分けされたページを、該当カテゴリーの一覧ページにリスト化することができます。
この一覧リストページをカテゴリーページと呼びます。
このカテゴリーページは、記事をカテゴリした段階で自動生成されます。このような仕組みは、ワードプレスに限らず、ブログCMSでは通常付いている機能です。
ワードプレスのテーマファイルの中では、概ねcategory.php、もしくはarchive.php(共に存在しない場合はindex.php)でカテゴリーページの仕様を決定しています。
一般的にはこれらのファイルになりますが、テーマによっては、深い階層にファイル群が多数存在し様々な機能を実装しているケースもあります。
ワードプレステーマによって異なるカテゴリーページ
ワードプレスの各テーマによって、このカテゴリーページのリストの表現の仕方はバラバラです。
記事のタイトル・抜粋を表示するものが一般的ですが、記事に設置したアイキャッチ画像をリストに反映しているものもあります。
投稿の抜粋文ではなく全文が表示されてしまうカテゴリーページ
標準テーマの場合は、カテゴリーページのリスト項目たちが、抜粋文ではなく全文表示のものもあり、あまりリストとしては使い勝手が良いものではないケースがあります。
全文を表示する場合、縦に間延びするためリストとしてはあまり機能性が高いとは言えません。
WordPressカテゴリーページのカスタマイズ事例
弊社ファンフェアファンファーレは、WordPressなどのCMSをカスタマイズさせていただいております。WordPressホームページ(ウェブサイト)のカスタマイズ事例・実績のご案内です。
WordPressカテゴリーページのカスタマイズ事例としてお受けしたご依頼内容をお伝えさせていただきます。
ご依頼内容は、カテゴリーページの仕様を変更することがメインでしたが、その他細かいCSSでの設定やレスポンシブデザインも同時に承りました。
現状のWordPressテーマのカテゴリーページの仕様
- 投稿日ごとにリスト化されており、区切りのタイトルは投稿年月
- リストの項目は、投稿タイトル、投稿日、投稿へのリンク、および該当カテゴリのみ
カテゴリーページの仕様の問題点とご要望
今回ご依頼いただいたカスタマイズ対象カテゴリーページの仕様の問題点とご要望は次のとおりです。
- 現状のカテゴリーページでは、区切りが年月単位であるが、これを非表示にしたい。
- 抜粋文、および自由に記述できる概要分を掲載したい。
- 投稿へのテキストリンク画像リンクへ変更したい。
- カテゴリへのリンクだけでなく、様々な付加情報を掲載したい
- PC表示では、各項目を横並びにしながら、スマートフォンなどでは縦方向に項目を並べたい。
カテゴリーページのカスタマイズ
上記のご要望を元にWordPressのカテゴリーページをカスタマイズさせていただきました。
現状ではタイトルとテキストリンクなどのシンプルなリストでしたが、リスト項目自体に付加情報を掲載できるように、カスタムフィールドの利用を行いました。同時にタグページも同様の仕様にさせていただきました。
カスタムフィールドで自由度の高いリスト設計
WordPressのカスタムフィールド機能は、投稿に付加情報を設置できる機能です。この機能を活かし、各記事に、特殊な付加データを設置して、その設置項目をカテゴリーページに反映させ、さらに、その内容を横並びにするカテゴリーページを設置しました。
カスマイズによるメリット
- リストの見やすさを向上させるとともに、リスト項目の情報が多い
- リスト項目各情報の横並びによって、ページが縦長にはならないため、PCでの閲覧時のユーザビリティ向上
- カテゴリーページの情報量増加によるSEO向上
- リスト項目の情報量増加により、ユーザーのクリック率が向上
費用 8万円(カテゴリーページカスタマイズ分)
※費用は一例です。初回投稿時点の費用例です。
今回は、WordPressカスタマイズの内、カテゴリーページのカスタマイズ事例をご紹介させていただきました。
WordPressサイトの「カテゴリーページ」・「タグページ」カスタマイズ
(初回投稿日 2016年3月7日)
WordPress(ワードプレス)のカスタマイズ
各種WordPress(ワードプレス)のカスタマイズに対応しております。