WordPressでウェブアイコンフォントを使うには

WordPressでウェブアイコンフォントを使うには

WordPressでハンバーガーメニューやホームアイコンなどウェブアイコンフォントを使いたいな♪調べてみると“Font Awesome ”“Genericons”とかあるんですが、最近は“Font Awesome ”が人気のようなのでこちらを使用しました。

WordPressテーマファイルに基本設定する

html ファイルにコードを入れる

head 内に下記コードを入れる。

<?php wp_head(); ?>
<link href=”//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css” rel=”stylesheet”>
</head>

実際に設置したいフォントやアイコンを設定する

ホームアイコンを設置

html ファイルに下記コードを入れる

<i class=”fa fa-home”></i>

css ファイルに下記コードを入れる

.fa-home:before {
content: “\f015”;
}