WordPressテーマ「SWELL」で「カテゴリー一覧」のウィジェットをつかったとき、アイコンは で固定です。
例えばサイドバーにカテゴリー一覧を表示させると、下記のようなデザインになります。
「 をSWELLで用意されている別のオリジナルアイコンに変更したいなあ」と思ったときは、CSSで調整する必要があります。
例えば下記のようなデザインに変更できます。
上記画像ではすべてのカテゴリーに違うアイコンを設定していますが、任意のものに統一することもできます。
こんなCSSカスタマイズをご紹介していきます。
- カスタマイズ内容は、記事最終更新日時点のSWELL最新バージョンで動作確認しております。
- カスタマイズは自己責任にてお取り組みください。心配な方は、作業前にバックアップを取っておくことをおすすめします。
