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

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

関連記事

カテゴリー

むるし

フリーランスのインフラ系エンジニア。
備忘録で色々書いていきます。
お問い合わせは↓
mo-gyu@murci.net
LPIC303 Security
%d人のブロガーが「いいね」をつけました。