Emanon Proでは、Webアイコン Font Awesome 4(ver 4.7.0)を使用しています。

ここでは、グローバルメニュー名にFont Awesome 4のアイコンを表示する方法をご紹介します。

メニューにWebアイコンを表示する方法

Font Awesome 4のアイコンコードは下記URLより検索します。
Font Awesome 4

Homeアイコンの例


上記図の赤枠に表示されているタグが、Font Awesome 4のタグです。コピーして、メニューの設定に反映させます。

メニューの設定

メニューの内容を視覚的に理解できるFont Awesome 4アイコンをメニューに設定します。ここでは、homeを例に設定手順を解説します。

外観 > メニューからメニューの編集画面を開きます。メニュー構造のナビゲーションラベルにFont Awesome 4のタグを挿入し保存してください。

上記の例では、Font Awesome 4のHomeタグを設置しています。

グローバルメニューの表示例

以上の手順で、メニュー名の左側に Font Awesome 4のアイコンが表示できます。