【Cocoon】カテゴリ・タグのデザインをハッシュタグ表示に変更するカスタマイズ

ブログのカスタマイズって楽しい。

特に好きなのは、あまり気付かれないような小さなカスタマイズ。

完全に1人で満足しちゃう的なやつ。

今回はカテゴリーとタグアイコンの変更を楽しみました。

カスタマイズ内容

Cocoonの標準スタイルでは、カテゴリーとタグのアイコンはFont Awesomeが使われています。

このアイコンを【#】ハッシュタグに変更するカスタマイズです。

以前から気になっていた、カテゴリーとタグのアイコン変更しました。

 

【変更前】⬇

【変更後】⬇

 

CSS

下記のCSSを【外観】→【カスタマイズ】→【追加CSS】にコピペして下さい。

/*カテゴリ・タグにハッシュタグをつける*/ .entry-categories [class*=’fa’]::before, .entry-tags [class*=’fa’]::before { content: ‘#’; margin-right: -0.4em; font-weight: normal; }
最後に【公開】ボタンを押すのを忘れずに🖕

最後に

SNSなどでまとめ的に使われているハッシュタグの方が、見慣れていて良いのではないでしょうか。

お付き合いありがとうございました。

タイトルとURLをコピーしました