Elementor(エレメンター)のヘッダーナビに使うことの多いナビメニュー。
有料版を使わずに無料版で実装できるナビメニューを比較してみました。
ここで使うメニューは、あえて半角英数、大文字英数、日本語をまぜたメニュータイトルにし、メニューの「説明」の箇所にサブタイトルを入れた状態の「動作確認用のメニュー」を作成し、表示してみました。
カラーはデフォルト値なので、あまりおしゃれなメニューがないかもしれませんがご了承を。
Essential Addons for ElementorのSimple Menu

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

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

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

モバイルメニュー時のロゴを設定できるなど、ヘッダーで使うことを想定している感のある「Jag Elementor Kit」のNav Menu。ただし、ハンバーガーメニューを使わない、という設定ができないので、縮めると必ずハンバーガーメニューになる。
メインメニューの高さやメインメニューの背景色、アイコンなど細かいところの設定ができる。意外とありそうでないメニューの均等配置もできる。
Elementor Header & Footer Builder のNavigation Menu
https://ja.wordpress.org/plugins/header-footer-elementor/
エレメンターでヘッダー、フッターを作るのに使っている人も多いプラグイン。ナビメニューとして使いやすい機能がある。特筆するべきは、メニューの均等割りがあるのと、メニューの一番最後がボタン化できる点。
この機能によって、「お問い合わせ」や「申し込み」など目立たせたいメニューをボタン化できる。リンクエフェクトを選択できる。
こだわりたナビメニュー。一番使いやすいのは?
細かい設定ができるのは「Jeg Elementor Kit 」と「Elementor Header & Footer Builder」。

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


コメント