WordPress

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

2021-09-30

困ってる人

AFFINGER6でFontAwesome5のアイコンを使いたいのに、コードを貼り付けたら表示されないんだけど?どうして?

そうですね。 AFFINGER6 からFontAwesome 5へ正式対応となったんですが少し設定が必要となります。

その設定方法をご紹介いたします。それでは「いってみよう~」

FontAwesome 4.7を使ってアイコンを表示されたい方は下記の記事をお読みください。

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

そんなお悩み解消します!(実は私も困った一人です。。。)「それではいってみよう~」 本記事の内容 ACTION(AFFINGER6)でFontawesome4.7アイコンが表示されない解決法 当ブログ ...

続きを見る

AFFINGER6でFontAwesome5.0(ver5.9以降)を使えるようにする手順

FontAwesome 5(ver5.9以降)を使えるようにるすには2つの手順が必要になります。

FontAwesome のバージョン 5.9 以降を利用するにはメールアドレスを登録してアカウントを作成する必要があります。

  • 「FontAwesome」へのアカウント登録が必要
  • AFFINGER設定内にKit Codeを貼り付ける

「FontAwesome」へのアカウント登録

こちらから 「FontAwesome」 のHPへ飛んで下さい。

「Start for Free」(無料ではじめる)をクリック。
ご自身のメールアドレスを入力し、「Create & Use This Kit →」をクリック
「Check Your Email」と表示されているので、メール受信箱をご確認下さい。
メールを開いて、「Click to Confirm Your Email Address + Set Things Up」をクリックしたらパスワード設定画面がブラウザに表示されます。
パスワード設定をして「Set Password & Continue →」(パスワードを設定して続行)をクリック
名前と苗字を入力して「All set. Let's go! →」をクリック

私の場合は③の欄と④の欄は入力せずに無事登録できましたので入力不要としています。

これで 「FontAwesome」へのアカウント登録 は完了です。

K
登録完了後「Kit Code」が表示されますのでコピーしておいて下さい

AFFINGER設定内に「Kit Code」を貼り付ける

AFFINGER管理 を表示して下さい。

AFFINGER管理 →②その他→③カスタム投稿一覧の設定の順で進んで下さい
「カスタム投稿一覧の設定」の中に「コードの出力」という項目がありますので
赤で囲んだ「headコード」内に、先ほどコピーした「KitCode」を貼り付けて「Save」をクリック終了です

これでAFFINGER6でFontAwesome5.0(ver5.9以降)を使えるようにする手順はすべて終了となります。お疲れ様でした。

K

設定終了後は正しくアイコンが表示出来ているか確認してくださいね。

いかがしたでしょうか?

少し手間ですがアイコンでブログを装飾する為にも頑張って挑戦してみて下さい。では!

Thank you for reading to the end!

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

K

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

-WordPress
-,