今回は、カテゴリーページを開いた時に
デフォルトで設定されている
フォルダーマークのアイコンを変える方法です
以前の記事でも触れている通り、
当サイトはFont Awesome5を適用してますので
設定もそのVer.になります
Font Awesome 5でアイコン選び
Font Awesome 5の設定は完了している前提
もし、確認したい時は 前回の記事 ご参照
CSSコード入力
「テーマ」→「カスタマイズ」→「追加CSS」に
コード入力
.archive-title .fa-folder-open:before {
content: “\f02a“;
}
Font Awesome 5で選んだアイコンのコードを
入力してOK
参考にしたサイト様（Cocoon フォーラム）
カテゴリページのアイコンを変えたい | CSSカスタマイズ相談 | Cocoon フォーラム (wp-cocoon.com)
上記ページでは子テーマのスタイルCSSに書き込んでいます
私は追加CSSに書き込みました
一気に全部のアイコンをチェンジする方法ですが
細かくこのカテゴリーはコレ、こっちはコレと
指定もできるはず
参考サイト様
おまけ：下の小さなアイコン消したい
この下に出てくる階層リンクを「パンくずリスト」と
呼ぶようです
それで調べれば一発だったのですが、知らなくて・・・
参考にするサイトによって
カスタマイズ→追加CSSに書き込んだり
テーマファイルエディター→styleCSSに書き込んだり
方針が定まっておりませんが
こんな感じでコードを書き込みました・・
/* パンくずリストのアイコン非表示 */
readcrumb .fa-home,
dcrumb .fa-folder,
.breadcrumb .fa-file-o {
display: none; /* 非表示 */
}
参考にしたサイト様
以上、細かな所ですけどサイトの感じを左右する
アイコンなので、好きに変えられるとうれしいですね
