デフォルトでは「Font Awesome 5」が選択されています。
テーマで使用しているフォントアイコンは、こちらの選択を切り替えるだけで大丈夫ですが
個々に設定したフォントアイコンは、書きなおす必要がありまして・・・
Font Awesome 4 だとこんなアイコンが表示されているカテゴリー名の前も
Font Awesome 5 に切り替えるとアイコンが表示できなくなってしまいます。
そこで、CSSを以下のFont Awesome 4 用から
Font Awesome 4 の場合 [highlight_css]/* カテゴリーfa4アイコン表示 */ #side .widget_categories ul li:before { font-family: FontAwesome; content: "\f07c"; margin-right: 5px; display: inline-block; color: #E44D26; /* アイコンの色 */ } /* 子カテゴリーfa4アイコン表示 */ #side .widget_categories ul li li:before { font-family: FontAwesome; content: "\f141"; margin-right: 5px; display: inline-block; color: #E44D26; /* アイコンの色 */ }[/highlight_css]
Font Awesome 5 用に書き替える必要があります。Font Awesome 5 の場合 [highlight_css]/* カテゴリーfa5アイコン表示 */ #side .widget_categories ul li:before { font-family: "Font Awesome 5 Free"; content: "\f07c"; font-weight: 900; margin-right: 5px; display: inline-block; color: #E44D26; /* アイコンの色 */ } /* 子カテゴリーfa5アイコン表示 */ #side .widget_categories ul li li:before { font-family: "Font Awesome 5 Free"; content: "\f141"; margin-right: 5px; display: inline-block; color: #E44D26; /* アイコンの色 */ }[/highlight_css]
Font Awesome 4 の場合 と [highlight_css]/* 固定ページの更新日時を非表示 */ .page .meta .fa-clock-o, .page .meta .fa-repeat, .page .meta .date { display: none; }[/highlight_css]
Font Awesome 5 の場合 の場合では異なります。 [highlight_css]/* 固定ページの更新日時を非表示 */ .page .meta .fa-clock, .page .meta .fa-redo-alt, .page .meta .date { display: none; }[/highlight_css]
コメント