Gush2カスタマイズ カテゴリとタグを区別しやすくしてみた

   2015/04/24

このブログで使用しているブログテーマ「Gush2」のカスタマイズの話です。

gush2_category_tag

▲ご覧のように、デフォルトの設定だと、カテゴリとタグの区別がつきにくいです。

おそらく、カスタマイズしやすいように、このような設定になっていると思うので、色を変更してみようと思います。

その方法を残しておきます。

スポンサーリンク

Gush2テーマでカテゴリーとタグを区別しやすくする方法

Gush2デフォルトテーマでは、カテゴリーとタグの色が一緒でした。

カテゴリーとタグの区別をつきやすくするには、

  • カテゴリーとタグの色を別々にする
  • カテゴリーとタグの間に目印をつける

という方法が考えられます。

前者の「カテゴリーとタグの色を別々にする」という方法ですが、実現することは出来たのですが、カテゴリーとタグのクラス名を変更する必要がありました。

クラス名を変更するのは、後々に自分で混乱を招いてしまう可能性があると感じました。

そのため、後者の「カテゴリーとタグの間に目印をつける方法」を取る事にしました。

タグのアイコンとして、Font Awesomeを利用しました。
fa-tags: Font Awesome Icons

また、フォルダのアイコンも利用しました。
fa-folder-open-o: Font Awesome Icons

トップページ

home.phpの記述

home.phpの記述

を以下のように変更しました。

gush2_category_tag

▲すると、ご覧のようなプレビューから

gush2_category_tag

▲カテゴリーとタグが区別つきやすくなりました。

index.phpの記述

index.phpの記述

を以下のように変更しました。

変化はわかりませんでした。

個別記事下

single.phpの記述

を以下のように変更しました。

gush2_category_tag

▲すると、ご覧のようなプレビューから

gush2_category_tag

▲以下のようなプレビューになりました。

これで、カテゴリとタグが区別しやすくなりました。

関連記事

  • このエントリーをはてなブックマークに追加
  • Pocket

この記事へのコメントはこちら

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメント送信」ボタンを押してください。