WordPress はウェブの大きな部分を支えています——そしてそのほとんどのサイトは、いまだに10年以上前から本質的に変わっていないデフォルトのメニューパターンのまま運営されています。デスクトップではテキストリンクの横並び、モバイルではハンバーガーアイコン、それ以上のものはほぼありません。
個人ブログならそれで十分です。しかし、EC サイト、マーケティングサイト、学習プラットフォーム、あるいはナビゲーションが売上を生むあらゆるサイトでは、それが「天井」になってしまいます。カスタムコードを書かなければボトム Tab Bar は追加できない。有料プラグインに頼らなければ本当の Mega Menu は作れない。テーマを編集しなければモバイルメニューをスライドパネルに置き換えられない。そして一度それらをやれば、今度はテーマを変更するたびに動かなくなります。
Navi+ AI Menu Builder は、WordPress のための総合ナビゲーションツールです。現在は WordPress Plugin Directory の公式プラグインとして提供されています。1度インストールするだけで、Tab Bar、Mega Menu、Slide、FAB、Grid という5種類のメニューパターンが手に入り、すべてを1つのダッシュボードから設定でき、すべてがテーマ非依存で動作します。
WordPress のデフォルトメニューでは足りない理由
WordPress のコアメニューシステムは、2010年代前半、コンテンツ中心のサイトを想定して設計されたものです。年月を経て、今や現代的なユースケースにとっては明らかな弱点として知られるようになりました。
- テーマと密結合。メニューの見た目はテーマに支配されます。テーマを切り替えるとメニュー UI も変わる。カスタムレイアウトにしたければ PHP テンプレートを編集するか、テーマの設定と格闘することになります。
- モバイルでは機能不足。多くのテーマは、モバイルではハンバーガーアイコンをデフォルトにしています。ボトム Tab Bar も FAB も、本当の意味でのモバイルファーストなパターンもありません。
- 本当の Mega Menu がない。WordPress ネイティブのメニューはフラットなリストです。画像や価格、CTA を含む複数カラムのレイアウトを作るには、別のプラグインと、たいていは別の有料プランが必要になります。
- A/B テストが難しい。メニュー構造を変えることは、すなわちテーマを変えること。遅く、リスクがあり、サイトのオーナーに止められることも少なくありません。
- コンテンツ向けで、コンバージョン向けではない。デフォルトのメニューはキャンペーンを表示する手段を持たず、モバイルで「カート」や「お問い合わせ」のボタンを常時表示する仕組みもありません。EC やマーケティングサイト——ナビゲーションが売上を生む現場——に必要なレイアウトシステムが、そもそも存在しないのです。
Navi+ AI Menu Builder が WordPress にもたらすもの
ナビゲーション系プラグインを3つも4つも積み重ねる代わりに、Navi+ ならその役割を1つのツールで置き換えられます。
Tab Bar — モバイル向けのボトムナビゲーション
モバイル時に、すべてのページの画面下部に固定バーを表示します。最大5つの遷移先にカスタムアイコンを設定でき、アクティブ状態のハイライト、4,000以上の Material Symbols を備えた組み込みアイコンライブラリも利用可能です。多くの WordPress サイトにとって、もっともインパクトの大きいモバイル UX 改善です。
Mega Menu — デスクトップのドロップダウンを本格的に
画像、見出し、サブリンク、バナー、注目商品ブロック、CTA を含む複数カラムのドロップダウンです。フラットな「Shop」「Services」リンクを、中身がひと目で伝わるリッチな概観に置き換えられます。
Slide / Hamburger Menu
モバイル向けの多階層スライドインパネルです。入れ子にしたハンバーガーよりずっとスッキリしていて、サブメニュー、言語切り替え、アカウント関連リンク、検索にも対応します。
FAB — Floating Action Button
画面の隅に固定される1つのボタンで、プロモーション、WhatsApp、クイックメニューの起動などに使えます。カラー、アイコン、ラベル、アクションは自由に設定可能です。
Grid Menu
カタログ重視のサイト向けのタイル状メニュー。9〜12枚のカテゴリタイルを1画面にまとめると、長いモバイルメニューよりはるかに見通しが良くなります。
モバイルとデスクトップ、それぞれ独立して設定
どのメニューも、モバイルとデスクトップで設定を分けられます。モバイルでは Tab Bar、デスクトップでは Mega Menu——メディアクエリの CSS を一切書かず、ダッシュボード上ですべて完結します。
あらゆる WordPress テーマで動作するように設計
Navi+ は、WordPress のエコシステムと「戦う」のではなく、「協調して動く」ように作られています。
- テーマ非依存。Astra、GeneratePress、Kadence、Hello、Blocksy、Storefront、Avada、Divi、Elementor 系テーマ、Twenty Twenty-X、そしてあらゆるカスタムテーマで動作します。プラグインは独自の UI レイヤーをテーマのテンプレート階層の外側に注入する形を取ります。
- テーマ編集不要。プラグインをインストールし、有効化し、ダッシュボードから設定するだけ。PHP の編集も、子テーマも、テンプレートのオーバーライドもいりません。
- WooCommerce と並行して動作。このプラグインは WooCommerce を必須としませんし、競合もしません——WooCommerce ストアにインストールしても、メニュー・カートリンク・チェックアウトリンクはそのまま期待どおりに動作します。WooCommerce 固有のより深い統合（ライブのカート数表示、Mini-cart Drawer の置き換え）はロードマップ上にあり、現時点では対象外です。
- Block エディタとクラシックエディタの両方と親和的。どちらにも依存しません——ページがどのように作られていても、メニューはすべてのフロントエンドページにレンダリングされます。
- 多言語対応。Polylang、WPML、TranslatePress と互換性があります。ロケールごとのメニューラベルとリンクを Navi+ ダッシュボードから設定できます。
- 純粋な HTML5 + CSS3。jQuery なし、フロントエンドでの React ランタイムなし、他のナビゲーション系・ページビルダー系プラグインとの競合もありません。
パフォーマンス — Core Web Vitals に配慮
WordPress サイトが遅くなる最大の原因はプラグインです。Navi+ は「その原因にならない」ことを明確な目標として作られています。
- レンダリングをブロックするスクリプトなし。初回描画後にロードされます。
- レイジーハイドレーション。メニュー操作のためのコードは、必要になった時点で初めてロードされます。
- 軽量設計。フロントエンド側ではメニューあたり数 KB（gzip 後）。
- グローバル CDN。メニューのアセットは世界中のエッジノードから配信。Elite プランでは Cloudflare + BunnyCDN によるフェイルオーバーに対応します。
- データベースに余計な負荷をかけない。メニュー設定は Navi+ 側に保存されます。プラグイン自体はオプションテーブルに1行追加するだけです。
WordPress へのインストール
インストール方法は3通りあります。ご自身のワークフローに合うものを選んでください。
- プラグインディレクトリから（推奨）：WordPress 管理画面 → プラグイン → 新規追加 → 「Naviplus Menu Builder」を検索 → 今すぐインストール → 有効化。
- ZIP ファイルから：WordPress.org のプラグインページから最新の
.zipをダウンロード → プラグイン → 新規追加 → プラグインのアップロード → ZIP を選択 → インストール → 有効化。 - FTP 経由：展開した
naviplus-menu-builder/フォルダをwp-content/plugins/にアップロードし、プラグイン → インストール済みプラグイン から有効化します。
WordPress 5.8 以降が必要です。プラグインは https://live.naviplus.app/start.js から読み込まれる小さなローダースクリプトを通じてメニューをレンダリングします。
有効化後の手順
- WordPress 管理画面で 外観 → Naviplus Menu Builder を開きます。
- 最初のメニューを作成します——プラグインは初回利用時にサイトを自動的に Navi+ へ接続するため、事前に Navi+ アカウントを別途用意する必要はありません。
- Open dashboard をクリックして、Navi+ エディタでメニューをデザインします。
- 表示場所を選択します——サイト全体（Navi+ パネル内のトグルで切り替え）か、または以下のショートコードを使って 特定のページのみ に表示するか、どちらかを選べます。
特定のページ、投稿、ウィジェットへの埋め込み
ランディングページ、モバイル専用テンプレート、特定のファネルなど、選んだページにだけメニューを表示したい場合は、サイト全体の埋め込みをオフにして、代わりにショートコードを使用します。
旧来のエイリアス（引き続きサポート）：[naviplus embed_id="YOUR-EMBED-ID"]
YOUR-EMBED-ID は、Navi+ ダッシュボード内の埋め込み管理画面で確認できます。Gutenberg のショートコードブロックに貼り付けるか、段落ブロックの中にそのまま貼り付ける（プラグインがテキスト内の [naviwp] / [naviplus] を検出します）か、Elementor などのページビルダーのショートコードウィジェットを利用してください。
メニューの削除または一時停止
プラグインを無効化すれば WordPress 側のローダーは停止します——Navi+ 側のメニュー設定はそのまま保持されます。あるいは、埋め込んだ各ページから [naviwp ...] ショートコードを削除してください。
Starter プランは永久無料——インストール時にクレジットカードは不要です。
WordPress での料金プラン
プラン構成は Shopify と同じ——同じ機能、同じ価格です。
| プラン | 料金 | こんなサイトに |
|---|---|---|
| Starter | 永久無料 | メニュー1つ、小規模サイト、ブログ、まず Navi+ を試してみたい方 |
| Business | $6.25 / 月 | 成長中のストアやマーケティングサイト、複数メニュー、多言語対応、画像アップロード、アナリティクス |
| Elite | $10 / 月 | 大規模カタログ、無制限メニュー、フル SEO サポート、プレミアム CDN、ハンズオンサポート |
Business と Elite には 7日間の無料トライアル が付き、全機能を利用できます。
よくある質問
サイトが遅くなりませんか？
いいえ。Navi+ は初回描画後にロードされ、グローバル CDN から配信され、レンダリングをブロックするスクリプトを含みません。Core Web Vitals に影響を与えないことを明確な目標として設計されています。
コードを書く必要はありますか？
いいえ。ダッシュボードはドラッグ＆ドロップです。高度なユースケース向けにカスタム CSS / HTML も用意していますが、必須になることはありません。
うちのテーマで動きますか？
はい。Navi+ はテーマのテンプレート階層の外側で動作します。Astra、GeneratePress、Kadence、Blocksy、Hello + Elementor、Divi、Avada、Storefront、Twenty Twenty-X、そして多数のカスタムテーマでテスト済みです。
WooCommerce で動きますか？
はい——Navi+ は WooCommerce サイト上でも問題なく動作します。メニュー、カートリンク、アカウントリンク、チェックアウトリンクはこれまで通り機能します。ただし、WooCommerce 固有のデータ（ライブのカート数表示、Mini-cart Drawer の置き換え）に自動で連動する仕組みは現時点では未実装です——これらの WooCommerce 固有の統合はロードマップ上にあり、本リリースには含まれていません。
WPML や Polylang で動きますか？
はい。Navi+ のメニューはロケールごとのラベルとリンクをサポートしており、WPML、Polylang、TranslatePress と互換性があります。
他のプラグインと競合しませんか？
グローバル JS なし、jQuery なし、共有 CSS クラスなし——メニューのランタイムは名前空間で隔離されています。リリースのたびに、インストール数の多い WordPress プラグイン群との互換性をテストしています。
アンインストールするとどうなりますか？
プラグインを無効化または削除すれば——WordPress のデフォルトメニューが即座に戻ります。残留データもなく、ページが壊れることもありません。
サポートはどこで受けられますか？
Starter ではメールサポート、Business では24時間365日サポート、Elite ではハンズオンサポート（メニュー移行、レイアウト設定、UI の直接編集）を提供しています。