WordPressへのFont Awesomeの導入方法
WordPressをお使いの方は多いかと思いますが、その場合はFont Awesomeをプラグインで有効化すれば簡単に導入できます。
どのテーマでも大体同じでしょう。ダッシュボードから「プラグイン」→「新規追加」のボタンをクリック。
キーワード検索で「Font Awesome」を検索すればすぐ出てきます。↓
「今すぐインストール」をクリックしてインストールすれば準備完了。
任意のページにアイコンのコードを貼り付けるだけでOKです。
プラグインを使いたくない場合
ページの表示速度が遅くなるし、他のプラグインとの相性もあったりで、プラグインを極力使いたくないという事もあるかもしれません。そういった場合は、Font Awesomeから<script>コードを取得して<head>…</head>内に張り付ければ解決します。
コード取得の方法はこちらの記事をご覧ください。↓
<script>タグはどこに張り付けるか？
WordPressに慣れないうちは、「<script>タグを貼り付けるって、どこによ！？」ってなりますよね。ファイルの場所さえ分かれば簡単です。
ダッシュボードの「外観」→「テーマエディター」です。
右側にある「テーマファイル」のtmp-user内のhead-insert.phpのファイルを開きます。↓
このようなページが開くので、<script>コードを貼り付けるだけです。
//の後に張り付けましょう。そううしないと保存時にエラーが出てしまいます。↓
「ファイルを更新」をクリック。↓
「ファイルの編集に成功しました」の表示が出ればOKです。
これで、WordPressでFont Awesomeを使うことができるようになります！
cocoonの場合はもっと簡単でした
ここまで色々書いてきましたが、私が使用しているWordPressのテーマ「cocoon」の場合はもっと簡単でした。<script>タグを貼り付けるなどしなくても、Font Awesomeを利用できる仕様でした。↓
「cocoon設定」からサイトアイコンフォント「Font Awesome 5」に変更するだけでした。
コメント