2-10 アイコンフォントを利用する

「Twenty Seventeen」で「font Awesome」のアイコンフォントを利用する方法です。
「Font Awesome」はアイコン版のWebフォントで、無料版と有料版があります。ホーム、ページ、フォルダ、メール、ショップ、SNSなどのアイコンが、無料のものだけでも1600種以上あります。

「Font Awesome」の利用方法

フォントをダウンロードして自分のサーバーにアップロードする方法もあるが、ここではフォントのあるサーバーから読み込んで利用する。

<head></head>内に以下のコードを貼る。

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

<head></head>内にコードを貼る方法は、2-02「アドセンス審査コードの貼り付け」と同様にfunctions.phpにコードを貼り付ける。

WordPressの管理画面から、外観＞テーマエディター　テーマの編集画面の右側「テーマのための関数」を選択。すでにGoogle Adsenseコードの貼り付けなどされている場合は、そのコードの次の行
EOM;
echo $headcustomtag;
}
の前の行に追加する。

まだ何もない場合は、以下のコードを貼る（　?>　より前に）。

//<head></head>内にコードを貼る
add_action('wp_head', 'my_auto_adsense');
function my_auto_adsense() {
?>
<!-- Font Awesomeの利用 -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

<?php }