メニューに画像を表示する【Menu Image, Icons made easy】の使い方

テキストだけのメニューでは、ちょっと味気ないし、ぱっと見でどんなメニューなのかが分かりづらい。
『Font Awesome』を使用してアイコンフォントを表示するという手もありますが、自分の好きな画像を使いたいというときもあるでしょう。

Menu Image, Icons made easy】は、メニュー項目に画像を表示することができるプラグイン。

マウスオーバーで画像を切り替えて表示することもできます。

こんな場合におススメ

  • メニューに画像を表示したい
プラグインを使ってできること

  • メニュー項目に画像を表示することができる
スポンサーリンク

インストール

Menu Image, Icons made easy インストール
Menu Image, Icons made easy インストール
  1. 管理画面 > プラグイン > 新規追加 とクリックする
  2. Menu Image, Icons made easyで検索する
  3. 今すぐインストールをクリック。インストール後有効化する

または、配布サイトからダウンロードして、インストール。

Menu Image, Icons made easy

手動でインストールする方法はコチラ

関連記事

WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする[…]

WordPressのプラグインをインストールする方法

メニューに画像を表示する方法

  • STEP1
    メニューを開く
    管理画面 > 外観 > メニュー をクリックし、メニュー画面を開きます。

    Menu Image, Icons made easy 使用方法

  • STEP2
    メニュー画像の設定
    プラグインを有効化すると、メニュー項目内に画像を選択する項目が表示されますので、そこから画像の設定を行います。

    Menu Image, Icons made easy 使用方法

  • STEP3
    メニュー画像の設定
    画像を設定をクリックし、メディアライブラリからメニュー画像に設定したい画像を選択します。

    Menu Image, Icons made easy 使用方法
    Menu Image, Icons made easy 使用方法

    マウスオーバーしたときにメニュー画像を変更したい場合はマウスオーバー時の画像を設定をクリックし、同様に画像の設定を行います。

  • STEP4
    画像サイズの選択
    メニュー画像のサイズを選択します。

    Menu Image, Icons made easy 使用方法

  • STEP5
    タイトル位置の選択
    ナビゲーションラベルを表示する位置を選択します。

    Menu Image, Icons made easy 使用方法

  • STEP6
    保存
    項目を設定したらメニューを保存します。
  • STEP7
    使用イメージ
    保存すると、メニューに画像が表示されるようになります。

    Menu Image, Icons made easy 使用イメージ

スポンサーリンク

【Menu Image, Icons made easy】の設定

  • STEP1
    Menu Imageを開く
    プラグインを有効化すると、管理画面 内に『Menu Image』項目が表示されるので、そこから設定を行います。

    Menu Image, Icons made easy 設定

  • STEP2
    項目の設定
    Menu Image, Icons made easy 設定

    Menu image Hoverマウスオーバー時の画像を使用できるようにするかの選択
    1st Menu Image size1つめの画像サイズを指定
    2nd Menu Image size2つめの画像サイズを指定
    3rd Menu Image size3つめの画像サイズを指定
  • STEP3
    保存
    項目を設定したら変更を保存します。

動作確認環境

  • バージョン 2.9.5
  • WordPress 5.3.2
このプラグインは上記の環境で動作を確認しましたが、ご使用の環境によっては、動作しないなどの不具合が起きる可能性がありますので、ご注意ください。

まとめ

  • 【Menu Image, Icons made easy】は、メニューに画像を追加表示するプラグイン
  • テキストだけのメニューよりも画像が表示されていた方が、どのようなメニューなのか視覚的に分かりやすくなります。
メニューに画像を表示する【Menu Image, Icons made easy】の使い方
最新情報をチェックしよう!
スポンサーリンク