WordPress[ワードプレス]FontawesomeをCDNからではなく、ローカルから読み込んで高速化!

Server
  • FontawesomeはFreeで約1300種類のアイコンが無料で使用できます。
  • 有料版では約3650種類のアイコンが使用できます。

  • Fontawesomeは簡単にアイコンを表示することが可能
  • Fontawesomeは情報量が莫大+分かりやすい。

 

FontAwesomeを設定する

  • FontAwesomeはcssの設定 もしくは svgやjsから設定をすることが可能。

 

CDNからの設定

headのファイルに、もしくは<head>内にこのコードをコピペしましょう。



<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">

このコードを<head></head>内に入れることで完了です。

 

ローカルからの設定

ファイルの保存場所によって設定は異なりますので、その辺はご自身で設定をお願いします

How to Useからダウンロードしましょう。

サイトへ

 

ファイルを保存してから

これらのすべてのファイルを全て

wp-content/themes/使用しているテーマのテーマ内に移行することで高速化することができます。

 



<link href="wp-content/themes/使用しているテーマ/css/all.min.css" rel="stylesheet" async>

これを<head></head>内に導入することでローカルから動作します。

コメント