SWELLでサイドバーにカテゴリー一覧を表示するとフォルダのアイコンが表示されます。このフォルダのアイコンを、ハートにアレンジする方法を紹介します。
Before
After
目次
SWELLのカテゴリーアイコンをハートにする方法
STEP
カスタマイズ→追加CSS
追加CSSにコードを貼り付けよう
/* ハートのアイコン */
.widget_categories>ul>.cat-item>a:before, .wp-block-categories-list>li>a:before {
content: "\e9da" !important;
}STEP
公開して確認！
コードを貼り付けたらトップページを確認してくださいね！
ちなみに他のハート以外のアイコンが良ければ、下記コードに差し替えてください。
ハートは\e9da
| \e9d9 | |
| \e935 | |
| \e923 | |
| \e91a | |
| \e915 |
公式サイトで使えるアイコンを確認しよう！
SWELL公式サイトでは他にも使えるアイコンの紹介があります！
公式サイトより
SWELLで使えるアイコンの一覧 | WordPressテーマ SWELL
ここでは、SWELLでフォントファイルとして読み込んでいるアイコンを一覧で紹介しています。 SWELLで標準で使用できるアイコンフォントは、IcoMoonで作成しています。 Font …
