• WordPressのテーマ・プラグイン・サーバー・使い方などを解説

    今回はグローバルメニューにかわいいアイコンを付けてみようと思います。
    それでは、まずはBefore/Afterの確認から!
    こんな風になる予定です。

    before
    0.before:グローバルメニュー
    after
    10.after:グローバルメニュー

    それでは早速はじめましょう!

    1.プラグインの追加

    赤枠の通りに、プラグイン>新規追加を選びます。
    1.プラグイン新規追加

    Font Awesome 4 Menus」を検索し、「いますぐインストールする」を選びます。
    2.プラグイン検索

    下の画像が出てきますので、「有効化」します。
    3.有効化

    2.アイコンの設置

    外観>メニューを選びます。

    「表示オプション」を展開します。
    表示オプション

    「CSSクラス」というチェックボックスにチェックを入れます。
    4.外観>表示オプション>CSSクラス

    その次はメニュー構造にうつりましょう。
    各項目の小さな矢印を展開します。
    メニュー構造

    「CSS class(オプション)」の表示は確認できましたでしょうか?

    6.CSS-class

    確認できたら、アイコンを呼びだします!
    Font Awesomeにアクセスし、好きなアイコンを選んでください。
    私は、こちらの足跡マークをお借りすることにします。

    icon-足跡

    アイコンを決めたら、CSS class(オプション)の枠に転記します。
    9.icon2

    設定は以上となります!
    可愛いアイコンは表示されましたか?
    11.完成

    それでは、この辺で!