WordPress

ACTION(AFFINGER6)でFontawesome4.7アイコンが表示されない解決法

2021-09-17

困ってる人

WordPressテーマをAFFINGER6にアップデートしたけど、Fontawesomeアイコン4.7の表示されないんだけど?

調べたコードもちゃんとコピペしたのにうまくアイコンが出ない ?なぜ?

そんなお悩み解消します!(実は私も困った一人です。。。)「それではいってみよう~」

本記事の内容

  • ACTION(AFFINGER6)でFontawesome4.7アイコンが表示されない解決法

当ブログでも導入しているWordpressテーマ AFFINGER6 ですがサイトのメニューや記事中に使用していた FontAwesome アイコンがいくら設定しても表示されなく困っていました。

そこでAFFINGER6 の設定で表示させる解決法を紹介します。

AFFINGER6管理の設定で解決!

これはAFFINGER6のデフォルトの設定が関係しています。

WordPressダッシュボード内「AFFINGER管理」から「その他の設定」を見ると「FontAwesomeIcons4.7.0の読み込み」という項目があります。それに☑を入れて「Save」を押して設定完了です!

K

AFFINGER5 で問題なく表示されていたのが、なぜ? AFFINGER6 で表示されなくなってしまったのか?

AFFINGER6 では、FontAwesome 5.0 へ正式対応となった為、AFFINGER6 では FontAwesome 4.7 をデフォルトで読み込まない設定となっていたので4.7のアイコンが表示されなかったのです。

AFFINGER管理→その他の設定→ FontAwesomeIcons4.7.0の読み込みに☑→Saveを押して完了

いかがしたでしょうか?

思ったより簡単な事なので拍子抜けされたかと思いますが、意外と気づきにくい所なのでお役に立てれば幸いです。

また、記中でも書いていますがAFFINGER6では FontAwesome 5.0に正式に対応したということなのでせっかくなら5.0を使用したいですよね。

FontAwesome 5.0は、4.7よりアイコンの数が多く、多彩な表現ができるそうなので!

ちなみに 「 FontAwesome 5」 の詳しい設定方法は下記の記事にて詳しく解説しているのでご覧ください

K
ACTION(AFFINGER6)でFontAwesome5(ver5.9以降)を使えるようにする

そうですね。 AFFINGER6 からFontAwesome 5へ正式対応となったんですが少し設定が必要となります。 その設定方法をご紹介いたします。それでは「いってみよう~」 FontAwesome ...

続きを見る

詳しい方はfontawesomeのガイドに従い進めてみて下さい。

Thank you for reading to the end!

WordPressテーマ 「今すぐ入手!ACTION(AFFINGER6)」
  • この記事を書いた人

K

ご覧いただき有り難うございます。ブロガーの「K」です。現在はアパレルの生産管理を主にグラフィック・DTPデザイナー・自社WEB管理と幅広くお仕事させていただいております。 WEB関連を中心にガジェットやPC関連・趣味のスキューバダイビングなどこのブログで発信。

-WordPress
-,