Menu Image, Icons made easyの使い方と設定
メニュー項目に画像やアイコンを簡単に設定できる WordPress 用プラグインの紹介です。
それは「Menu Image, Icons made easy」です。
その導入手順から日本語化・使い方と設定などを解説していきます。
Menu Image, Icons made easy
Menu Image, Icons made easy は、メニュー項目に画像やアイコンを簡単に追加できます。
画像またはアイコンの位置とサイズをカスタマイズできます。
Menu Image, Icons made easy の主な特徴は、以下のとおりです。
- FontAwesome アイコンのサポート
- DashIcons アイコンのサポート
- タイトルを非表示にし、画像またはアイコンのみを表示
- メニュー項目タイトルの左側に画像・アイコンを追加可能
- メニュー項目タイトルの右側に画像・アイコンを追加可能
- メニュー項目タイトルの上に画像・アイコンを追加可能
- メニュー項目タイトルの下に画像・アイコンを追加可能
- メニュー項目の上にマウスの画像・アイコンを切り替え可
FontAwesome アイコンを使用するには、公式の FontAwesome プラグインのインストールが必要です。
記事を作成もしくは更新時点でのバージョン：3.0.1
マルチサイトでの利用:可
Gutenberg エディターでの動作
Gutenberg エディターに追加される機能は無いので、気にする必要は無いです。
インストール手順
Menu Image, Icons made easy をインストールするには 2 種類の方法があります。
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化する。
Menu Image, Icons made easy – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面からインストールできます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Menu Image, Icons made easy」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
Menu Image, Icons made easy は、日本語化対応がされているので、有効化するだけで日本語化されます。
日本語化されない場合には、日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト（テーマ・プラグイン）用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
有効化すると
「スキップ」をクリックしましょう。
専用メニュー
管理画面の「設定」メニューの下に追加されています。
使い方
「メニュー」を開いてメニュー画面を表示させます。
追加したいメニューにマウスカーソルを合わせると設定ボタンが表示されます。
画像もしくはアイコンの表示位置・画像もしくはアイコンの選択・画像サイズなどを指定できます。
アカウントが必要みたいなので、説明は省きます。
設定
Menu image Hover:
ホバーフィールドで画像を有効にするかどうか。
1st Menu Image size:
2nd Menu Image size:
3rd Menu Image size:
それぞれの形式の幅と高さを指定できます。
画像のアップロード後に画像サイズを変更する場合は、
全てのサムネイルを再生成する必要があります。
また、使用しているカスタム画像サイズのいずれかを置き換えた場合は、
メニュー項目でアイコン画像を再度選択する必要があります。