WordPressでFontAwesomeを導入する

FontAwesomeとは様々なアイコンをフォントデータ形式で提供しているソフトウェアで、フォントデータとCSSファイルをダウンロードするかCDNで公開されているCSSファイルを読み込むことで導入することができます。

今回はWordPressのテーマにFontAwesomeを組み込む際の設定を紹介していきます。


functions.php

function enqueue_scripts(){
		//css
wp_enqueue_style('fontawesome','https://use.fontawesome.com/releases/v5.15.1/css/all.css');
}
add_action('wp_enqueue_scripts','enqueue_scripts');

searchform.php

<button class="btn btn-info" type="submit"><i class="fas fa-search"></i></button>


このようにfunctions.phpとsearchform.phpにコードを組み込むことで、このブログでも採用している検索フォームの虫眼鏡アイコンをFontAwesomeを使って表示させています。

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です