以下のようにメニュー項目名の前にアイコンを付けることができます。
メニュー名の前にアイコンをつける方法
Font Awesome(フォント オーサム)の変更
（１）Font Awesome(フォント オーサム)は、Webサイトにアイコン型のフォント(Webアイコンフォント)を提供しているサイトです。
Webアイコンフォントとは、画像を使用せずに表示できるアイコンです。
Font Awesomeを使用する場合は、新しいバージョン5（Font Awesome 5）がオススメです。
| Webアイコンフォントの特徴 |
| ・テキストと同様に文中に挿入できる ・拡大してもボヤけない ・色の変更ができる ・サイズの変更ができる ・動きも追加できる(アニメーション効果) |
（２）Font Awesome 5に変更します。
ダッシュボードから「Cocoon設定」をクリックし、「全体」タブを選択します。
（３）①「Font Awesome 5」を選択し、②「変更をまとめて保存」をクリックします。
アイコンの選択方法
アイコンを検索する
（１）以下のFont Awesomeサイトをクリックします。
Font Awesome 5 Free のアイコン検索は以下：
https://fontawesome.com/v5/search?m=free
参考： Free 版で使えるのは、月10,000ページビューまでです。≫ 詳しくはこちら
（２）「home」アイコンを選択します。
検索エリアに①「home」と入力します。
いろいろなhomeアイコンが表示されますのが、ここでは先頭のアイコン②をクリックします。
アイコンのHTMLコードをコピー
（１）「HTML」タブの<i class=”*** *******”></i> という文字をクリックします。
クリックするとコピーされます。
メニュー編集画面に貼り付け
（１）ダッシュボードの「外観」から「メニュー」をクリックします。
（２）メニュー項目の横の矢印をクリックします。
（３）①の矢印をクリックし、②のナビゲーションラベル「ホーム」の前にコピーしたアイコンのHTMLコード（<i class=”*** *******”></i> ）を貼り付けます。
③の「メニューを保存」をクリックします。
（４）「ホーム」の前にアイコンが表示されます。
他のアイコンもFont Awesomeサイトから選択し、同様に設定します。
