AFFINGERのカスタマイズ

カテゴリ一横にアイコン(サムネイル画像)を付ける方法と手順

カテゴリ一横にアイコン(サムネイル画像)を付ける方法

カテゴリ横に、画像やアイコンがついているのが可愛いんだけど、どうやるか教えて!

今回は、サイドバーのカテゴリ一覧の『カテゴリ前・横』にアイコンを付けて、見やすくしていこうと思います!

完成イメージ

AFFINGER6EXを使用しています。AFFINGER5EXでも同様の手順で出来ました。

AFFINGER管理画面で設定

「AFFINGER管理」から「全体設定」>「カテゴリーリンク」をクリックします。

「カテゴリーリンク」の設定で、「カテゴリーリンクに簡易デザインを適応」「親カテゴリーリンクにサムネイル画像を表示」にチェックを入れます。

これでアフィンガー側の設定は終わりです。

「親カテゴリーリンクにサムネイル画像を表示」にチェックが打てない場合は、一度「カテゴリーリンクに簡易デザイン適応」にチェックを入れてから「保存」を押してみてください。

カテゴリー設定

続いて、ワードプレスのダッシュボードから「投稿」>「カテゴリー」をクリック

アイコンを挿入したいカテゴリーの「編集」をクリック

少し下に移動して「カテゴリリンクのサムネイル画像を登録」で画像やアイコンを「アップロード」して「適用」すると

アップロードが完了しました。

これで、カテゴリ前にアイコンが表示されました。

全部設定したら完了です!

設定前
設定後

画像やイラスト、WEBアイコンの他、写真でもOKです!

フリー素材でダウンロード

素材がまだの人は、フリー素材でダウンロードできます!

おすすめ

まとめ

カテゴリ前にアイコンを設置する方法でした!

AFFINGERでは、簡単に設置できるので、カテゴリが少ないサイトや、カテゴリ一覧を目立たせたい時におすすめです!

フリーイラストを駆使!
  • この記事を書いた人
  • 最新記事

まめこ

【ブログ歴10年】

これからブログを書いてみたいなという人に向けて『ブログを始める手順』『ブログについて』や知っておくと便利な『おすすめツール』の紹介しています。

夫について行き海外生活スタート▸出産▸現在3歳の息子と在宅での生活

子育てのかたわらでも、場所や時間にとらわれない働き方を目指して発信していきます!

-AFFINGERのカスタマイズ
-,