Cocoonマニュアルページで手順通りに設定したのに、ボックスメニューのアイコンが★画像になってしまい、希望するFont Awesome 5のアイコンが表示されない場合の対処法です。
公式マニュアルページの「個別メニューの設定を行う」というセクションの②で「CSS class」にアイコンフォントのクラス名を入力するときに、
Font Awesome５でコピペした文字列に含まれる、
[fa-solid]を[fas]に直してみてください。
例です。
Font Awesome 5でコピペした文字列を
fa-solid fa-seedling以下のように変更。
fas fa-seedlingアイコンが現れるはずです。
これでも★画像になってしまう場合、
いくみ
まずは休憩。
そして最初から公式マニュアル手順を1つずつ丁寧に見直してみましょう。
特に、手順: [Cocoon設定] > [全体] タブの 「サイトアイコンフォント」 の設定が「Font Awesome 5」になっているかは大切です。
また、スペースが抜けてしまっていたり、不要なスペースが入っていないか、全角になっていないか、なども注意したいですね。
おわりに
久しぶりにボックスメニューのアイコンを更新したら、★マークになってしまい、あれ・・・？となりました。
コピペした文字列のチョコっとの違いにしばらく気が付きませんでした。
いくみ
少しのことで直ってラッキーでした。
うまくいきますように。
コメント