WordPressのメニューへWebアイコンフォントFont Awesomeを表示

Elementorから話それますが。。?

当サイトのメニュー名の左にあるようなアイコンを表示する方法ですが

Webアイコンフォントで有名なFont Awesomeのアイコンを利用してみます。

Font Awesome
http://fontawesome.io/

上記サイトのメニューから icons を選択して好きなアイコンを探します。

好きなアイコンが見つかったら詳細ページへ進み、HTMLコードをコピーします。

<i class="fa fa-home" aria-hidden="true"></i>

WordPress管理画面>外観>メニューの「ナビゲーションラベル」にコピーしたHTMLコードをいれます。

<i class="fa fa-home" aria-hidden="true"></i>ホーム

アイコンと文字の空きを調整したい場合は

WordPress管理画面>外観>テーマの編集>スタイルシート(style.css)にマージンを設定します。

i{
margin-right:10px;
}
Elementorカテゴリ

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.