カテゴリーページ特化のJINテーマの作成

WordPress JINテーマ カテゴリー機能カスタマイズ

目次

クライアント

非公開

公開サイト

札幌グルメ食べ歩きブログ[食道楽士]ラーメン編

費用感

¥50,000 – ¥100,000

作業内容

WordPressの有料テーマ、JINを用いたサイトのカスタマイズを実施いたしました。特筆すべきは、カテゴリーページやタグページの充実を図った点です。

具体的な内容は下記です。

  • トップにカテゴリー一覧を実装
  • カテゴリー一覧の優先度設定
  • カテゴリー一覧の記事数表示
  • カテゴリーページにタグ付け設定

トップにカテゴリー一覧を実装

JINのコンテンツマガジン機能を使うとトップにカテゴリー毎の記事を表示させることが可能です。

今回その機能を流用し、選んだカテゴリーの記事ではなく子カテゴリー一覧が表示される実装を新たに作成いたしました。

記事一覧ではなく札幌地区カテゴリーの子カテゴリーが表示される

札幌グルメ食べ歩きブログ[食道楽士]ラーメン編

Google AdSense マネタイズの教科書[完全版] などでも取り上げられていますが、カテゴリーを整理して情報を網羅したツリー構造のサイトを製作するとSEOに有利だと一般的に言われています。

しかし、カテゴリー主体の構造をWordPressで実現するのは意外に難しいです。と言うのも、WordPressのほとんどのテーマは記事を日付順に並べるような一覧は出せても、カテゴリー一覧の表示については自由なカスタマイズが困難です。カテゴリー一覧をこのテイストで出すには、WordPressに対する正しい知見とテンプレートの改造技術が必要です。

カテゴリー一覧の優先度設定

表示したカテゴリー一覧を優先度順に並び替える機能です。管理画面上で下記のように個々の表示優先度を設定することができます。

カテゴリー一覧の記事数表示

表示したカテゴリー一覧に対して、そのカテゴリーが持つ記事数を表示しています。

カテゴリー一覧で記事数表示

札幌グルメ食べ歩きブログ[食道楽士]ラーメン編

「訪問 x 回」など、記事数表記時の表記テンプレートも管理画面から変更可能なようにいたしました。

カテゴリーページにタグ付け設定

本来投稿ページのみで使用できるタグ機能を、カテゴリーページでも使用できるようにカスタマイズいたしました。

設定すると、タグページにて、記事一覧と同じテイストでカテゴリーのリンクが表示されます。

ワンコインタグの記事一覧|札幌グルメ食べ歩きブログ[食道楽士]ラーメン編

ウィジェットで使用するタグクラウド上もカテゴリーページで付与したタグが表示され、記事ページとカテゴリーページの境なくタグが集計されます

札幌グルメ食べ歩きブログ[食道楽士]ラーメン編

カテゴリーにタグを使用すると言う概念自体が、WordPressに存在しないため、コアソースを読み込み、フィルターフックやterm_metaを使いつつ、きちんと設計した上で実装させていただきました。

使用した主な技術分野

  • PHP, HTML, CSS, Javascript
  • WordPress
  • PHPUnit
  • Vagrant(VCCW)
  • Bitbucket, Google Spread Sheet

カテゴリーページ主体のWordPressを構築したい方へ

WordPressは便利なCMSですが、もともとが記事ページ主体のブログ用のCMSのため、今回のようなカテゴリーページ主体の改造がやりにくい場合があります。

WordPressのカテゴリーページでこんなことを実現したいんだけど、実装できるものなの? と言う疑問をお持ちの方がいらっしゃいましたら、お気軽にお問い合わせいただければ幸いです。