よもやまチョモランマ

『Font Awesome』アイコンを導入

「アイコンフォント」というものは知っています。
「WordPressのテーマによっては使用されている」くらいしか意識したことがありません。

でも、自作テーマに最初から導入されてたら、そのほうがカッコイんじゃね?となったので、習得しようと思います。
アイコン画像作らなくていいしね。

【参考】アイコンWebフォント Font Awesome 5 の簡単な使い方

とりあえずもっとも有名なところで『Font Awesome』へ。


もちろん無料版。


ソースをコピー。

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">

これを head 内にペースト。

あとは、アイコンを表示させたいところで

<i class="fas fa-search"></i>

とか入れれば良いわけです。

とはいえ、公式のこの アイコン一覧 から探すのも一苦労ですよねー。
まあ、使うのは「search」「tag」「home」くらいなもんなんでしょうけどね。