【WordPress】カテゴリーごとに画像やアイコンをつけられるプラグイン
サイドバーにカテゴリー一覧を表示している人も多いと思います。
ですが、WordPressのウィジェットのカテゴリー一覧は文字だけのシンプルなものです。
シンプルなのもいいのですが、やはりアイコンなどがある方が目につきます。
WordPressのプラグインにはカテゴリーごとに画像やアイコンをつけられるプラグインがいくつかあります。
今回はその中のひとつ『Easy Category Icon』をご紹介します。
![](https://kirari-yums.net/wp-content/uploads/2018/06/4B10AE75-A602-441F-B438-1B14864C7722-e1537361468842.jpeg)
カテゴリーごとに画像やアイコンをつけられるプラグイン
プラグイン『Easy Category Icon』を使うと簡単にカテゴリーごとに画像やアイコンをつけることができます。
![](https://kirari-yums.net/wp-content/uploads/2018/09/E6D9D43F-D219-4C2C-9B92-21DD61C68064-e1537361928727.jpeg)
Easy Category Iconのインストール
![](https://kirari-yums.net/wp-content/uploads/2018/09/11946B5A-5D59-4138-80A1-7F3C7F875BFF-e1537364063515.jpeg)
インストール方法
- WordPress管理画面から[プラグイン][新規追加]
- 『Easy Category Icons』を検索
- [今すぐインストール]して[有効化]する
アイコンの設定
カテゴリーにアイコンを設定します。アイコンの設定は「カテゴリー」で行います。
WordPressの管理画面から[投稿]⇒[カテゴリー]に移動してください。
すでに登録したカテゴリーにアイコンをつける場合は、アイコンをつけるカテゴリーの下の[編集]をクリックしてください。
画像を使う
カテゴリー編集の下(『保存ボタン』の上)に『Category Icon』とあります。
![](https://kirari-yums.net/wp-content/uploads/2018/09/31B21EFB-A220-458A-8B74-249FB863A455-e1537430209639.jpeg)
『Upload Image』を選択して、下の[Upload Image]ボタンを押して画像をアップロードしてください。
アップロードしたら[新規カテゴリーの追加]または[更新]ボタンを押してください。
フォントアイコンを使う
フォントアイコン(Font Awesome)を使うこともできます。
![](https://kirari-yums.net/wp-content/uploads/2018/09/4F93E90D-E1DA-47E9-9A96-CD0A385E2A86-e1537431187530.jpeg)
『Add Font Awesome Icon』を選択して、下の枠にアイコンのタグを入力します。
<i class="アイコンのコード"></i>アイコンのコードは下にありますが、アイコンの種類が少ないため、Font Awesomeのページで使いたいアイコンを探した方がいいと思います。
使いたいアイコンをクリックするとアイコンのページに移動します。
アイコン名の下あたりにアイコンのタグ〈i〉がありますので、コピーして、枠にペーストしてください。
※Font Awesomeの使い方はこちらのページで紹介していますので参考にしてください。
アイコンの幅を揃える
Point アイコンの幅はアイコンによってバラバラです。アイコンのクラスにfa-fwを追加するとアイコンの幅を揃えることができます。(上記リンクの記事で詳しく説明しています。)
<i class="アイコンのコード fa-fw"></i>
アイコンを設定したら[カテゴリーの新規追加]または[更新]をクリックしてください。
最後に
プラグイン『Easy Category Icon』を使うと簡単に寂しい文字だけのカテゴリー一覧にちょっとしたアクセントがつけられます。
前にも書いた通り、文字だけよりみてくれる人の目を引き、見やすくなると思います。
簡単に設定できますのでぜひ使ってみてください。
プラグインを使わずにCSSでアイコンをつける
2021年2月21日
冒頭でも書きましたが、この記事で紹介しているプラグイン『Easy Category Icons』は公開停止になっている可能性がありインストールできません。
代替プラグインを探していますが見つかりません。
当サイトではプラグインを使わずにカテゴリーごとにアイコンを表示する方法も紹介しています。以下の記事を参考にどうぞ。
プラグインを使わずにCSSだけでカテゴリーごとにアイコンをつけることもできます。その方法について以下の記事で紹介しています。参考にこちらもどうぞ。
ディスカッション
コメント一覧
まだ、コメントがありません