WordPress

WordPressにアイコンフォントを導入する方法

2018年5月6日

WordPressで作成したページのメニュー文字内にアイコンフォントを挿入する

①WordPressに以下プラグインをインストールします

Font Awesome 4 Menus

②入れたいアイコンフォントを以下サイトから探します

https://fontawesome.com

③画面中程のコード”fas fa-xxxx”のfa-xxxxをコピーします
ex)
<i class=”fas fa-exclamation-triangle”></i>

④WordPress管理画面にて以下操作を行います

外観→メニュー→カテゴリー→任意のカテゴリーを選択します
右のメニュー構造セクションにて、新しくカテゴリーが作成されます
・ナビゲーションラベル→サイトで表示される文字
・CSS class→ここに③でコピーした文字をペーストする
・メニューを保存する

実際のサイトで、アイコンフォントが表示されることを確認します

CATEGORIES & TAGS

WordPress,

Author:


comment

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

関連記事

むるし

インフラ系エンジニア。備忘録で色々書いていきます。
現在テックキャンプでフルコミット中。

年収訴求

CodeCamp

縛りなしWiFi

%d人のブロガーが「いいね」をつけました。