さぁ!検索しよう!

ナビゲーションに設置したカスタムメニューのメニュー項目にアイコンフォントを表示させる方法を紹介します。

カスタムメニューを使用するには、予めfunctions.phpへの記述による機能の追加が必要です。下記の2行をfunctions.phpへ記述してください。

add_theme_support('menus');
register_nav_menu('header-nav', 'ヘッダーのナビゲーション'); 

register_nav_menu('header-nav', 'ヘッダーのナビゲーション');の引数名は任意です。

それではカスタムメニューにアイコンフォントを表示させる手順を説明します。手順は下記の通りです。

手順

  1. 管理ページから外観→メニューを選択します。
  2. 追加した項目の設定オプションを表示させます。
  3. ナビゲーションの入力フォームに、下記のようにFont AwesomeからコピーしたHTMLタグを直接貼り付けます。Font Awesomeの使い方については前の記事をご覧下さい。

img_23_mini

ページを保存してサイトを表示させると、下記のようにアイコンフォントが表示されます。

img_23_2_mini

以上です。