AFFINGER6でFontawesome 4.7.0を使ってヘッダーフッターアイコン表示を行う

当ページのリンクには広告が含まれています。

今回はAFFINGER6でアイコン表示を行うためにいろいろやった結果とりあえずFontawesome 4.7.0に落ち着いた話です。

やりたかったことは

アイコン表示を行いました

文字だけだと素っ気ないのでアイコン表示をやりたかったのです。

目次

AFFINGER6での解決策

デフォルトではFontawesome 4.7.0の読み込みが外れているので、これをチェックします。解決します。

AFFINGER管理 > その他の設定 >Fontawesome 4.7.0 の読み込み

https://fontawesome.com/v4/icons/

Fontawesome 4.7のリンクはこちら

必要なアイコンはリンク先でHtmlコードが手に入ります。

例えば、

https://fontawesome.com/v4/icon/home

iから始まるコードをショートコードにいれたり、

<i class="fa fa-home" aria-hidden="true"></i>

外観 > メニュー > ナビゲーションラベルに入力すると反映されます。

以上です。

ですが、Fontawesomeは6になっていて今後は移行していくようです。私も登録していろいろやってみたのですが

全てのアイコンが表示されずとりあえずFontawesome 4.7.0で対応しています。Fontawesome5を設定すれば良かったかもしれませんが、ひとまずの解決としました。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

こんにちは、Dr. Harv です。専門医としてのキャリアを積む一方で、資産運用、副業、ポイ活にも取り組んでいます。
このブログ「dr-harv.com」では、日々の日常、投資の知見、趣味など幅広いトピックを扱っています。より良い未来につながることをコンセプトにしています。読者の皆様にとって何か役立つ情報を提供できれば幸甚です。

コメント

コメントする

目次