Elementor(エレメンター)無料で使えるナビメニューの機能を比較してみた

Elementor(エレメンター)のヘッダーナビに使うことの多いナビメニュー。
有料版を使わずに無料版で実装できるナビメニューを比較してみました。

ここで使うメニューは、あえて半角英数、大文字英数、日本語をまぜたメニュータイトルにし、メニューの「説明」の箇所にサブタイトルを入れた状態の「動作確認用のメニュー」を作成し、表示してみました。

カラーはデフォルト値なので、あまりおしゃれなメニューがないかもしれませんがご了承を。

Essential Addons for ElementorのSimple Menu

「シンプルメニュー」とうたっているだけに、必要な設定のみのかわいらしいメニューです。プリセットが３種類あり、そこから色合いやサブメニューの設定が可能です。縦型も可能。サブメニューのアイコンマークは小さい画面のみで表示される。

かなりシンプルなメニューですが、背景色やアイコンの変更は可能。ただし、ハンバーガーメニューのサイズ幅は、個別に設定はできません。

Style1とStyle2が選択ができるようになっていますが、違いが判らなかったです。モバイルメニューを使うかどうかの切り替えあり。フォントやホバー、アクティブの色を選択できる。ホバーの下線など動きのあるスタイルが用意されていますが、サブメニューのアイコン表示はなし。

モバイルメニュー時のロゴを設定できるなど、ヘッダーで使うことを想定している感のある「Jag Elementor Kit」のNav Menu。ただし、ハンバーガーメニューを使わない、という設定ができないので、縮めると必ずハンバーガーメニューになる。

メインメニューの高さやメインメニューの背景色、アイコンなど細かいところの設定ができる。意外とありそうでないメニューの均等配置もできる。

https://ja.wordpress.org/plugins/header-footer-elementor/

エレメンターでヘッダー、フッターを作るのに使っている人も多いプラグイン。ナビメニューとして使いやすい機能がある。特筆するべきは、メニューの均等割りがあるのと、メニューの一番最後がボタン化できる点。

この機能によって、「お問い合わせ」や「申し込み」など目立たせたいメニューをボタン化できる。リンクエフェクトを選択できる。

細かい設定ができるのは「Jeg Elementor Kit 」と「Elementor Header & Footer Builder」。

ただ、上記のキャプチャのような、サブタイトルを表示させるような機能はなく、（上記キャプチャは当サイトのナビメニュー。Cocoonです。）メニュータイトルの左右にラインが入るようなメニューも少なく、なんでもできる理想のメニューウィジェットは今のところ該当なし。引き続き探してみます！