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