WordPress│特定のページだけFontAwesomeを読み込む方法

高速化において表示の遅延要素となりうるWebアイコンフォントのFontAwesome

どうしても特定のページ等で使いたいと言うことがありますよね。

実際に絞り込み検索のプラグインでどうしても挿入したい個所がありましたので、

指定のページだけFontAwesomeを読み込ませてみました。

目次

著者

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください!

WordPressで特定のページだけFontAwesomeを読み込む方法

WordPressで特定のページだけFontAwesomeを読み込む方法は簡単です。

外観 > テーマエディタ > funtions.phpに下記のコードを挿入するだけです。

特定の投稿記事にFontAwesomeを読み込む

特定の記事ページを指定した場合は下記のコードを参考にしてください。

※数字部分の記事IDを挿入します。

function motoki_enqueue_scripts(){
	  if ( is_single(array('23',35)) ) {
        wp_enqueue_style('fontawesome','https://use.fontawesome.com/releases/v5.15.4/css/all.css');
    }
}
add_action('wp_enqueue_scripts','motoki_enqueue_scripts');

トップページにFontAwesomeを読み込む

function motoki_enqueue_scripts(){
    if ( is_home() || is_front_page() ) {
        wp_enqueue_style('fontawesome','https://use.fontawesome.com/releases/v5.15.4/css/all.css');
    }
}
add_action('wp_enqueue_scripts','motoki_enqueue_scripts');

参考

まとめ

FontAwesomeを必要な分だけ抽出もできるのですが、今回のようにピンポイントで使うほうが、簡単です。

ぜひ参考にしてみてください。

  • URLをコピーしました!
目次