WordPressへのNavi+インストールには約15〜30分かかります。プラグインのダウンロードから最初のライブメニュー公開まで、完全なプロセスをご紹介します。
必要なもの
- WordPressまたはWooCommerceサイト（セルフホスト、WordPress.com Businessプラン、またはあらゆるWPホスティング）
- WordPressサイトへの管理者アクセス
- 無料のNavi+アカウント（dash.naviplus.appで作成）
ステップ1 — プラグインをインストール
オプションA：WordPress.orgから
- WP Adminでプラグイン → 新規追加に移動
- 「Navi+ Menu Builder」を検索
- 今すぐインストールをクリックし、有効化
オプションB：手動アップロード
- naviplus.ioからプラグインの.zipをダウンロード
- WP Adminでプラグイン → 新規追加 → プラグインをアップロードに移動
- .zipをアップロードして有効化
ステップ2 — Navi+アカウントに接続
有効化後、WP AdminサイドバーにNavi+アイテムが表示されます。
- Navi+ → 設定をクリック
- サイトIDとAPIキーを入力（Navi+ダッシュボードの設定 → WordPressで確認）
- 接続をクリック
Navi+アカウントをまだお持ちでない場合は、作成するよう案内されます。無料プランですべてのコア機能を使えます。
ステップ3 — メニュータイプを選択
WP AdminのNavi+ → メニュービルダーから最初のメニューを作成します：
- Tab Bar → モバイルファーストなオーディエンスを持つWooCommerceストアに最適
- Mega Menu → カテゴリーと画像を含むマルチカラムデスクトップナビゲーション
- Slide Menu → 現代的なストア向けハンバーガー/ドロワースタイル
- FAB → プロモーションや問い合わせショートカット向けフローティングアクションボタン
- Grid Menu → カテゴリーが多いストア向けビジュアルグリッドレイアウト
ほとんどのWooCommerceストアでは、Navi+のSmart Publishルールを使ってモバイルにTab BarとデスクトップにMega Menuを同時に展開することで最大の効果が得られます。
ステップ4 — メニューを構築（またはAIを使用）
手動アプローチ：
- アイテムを追加をクリックしてメニューエントリーを作成
- 各アイテムのラベル、URL、アイコンを設定
- 希望する階層に整理
- デザインオプション（色、フォント、スペーシング）を設定
AIアプローチ（WooCommerceには推奨）：
- AIで生成をクリック
- Navi+のAIがWooCommerce商品カテゴリーとタクソノミーを読み取る
- 完全なメニュー構造を生成：レビューして調整
- 確認してスタイリングに進む
ステップ5 — 公開ルールを設定
Smart Publishの下で：
- デバイス：メニューをモバイル、デスクトップ、または両方に表示するよう設定
- URL：どのページにどのメニューを表示するかを設定（オプション）
- 条件：ログイン済み顧客 vs ゲスト（オプション）
一般的なWooCommerceセットアップでは、Tab Barを「モバイルのみ」、Mega Menuを「デスクトップのみ」に設定します。
ステップ6 — 公開
公開をクリックします。メニューはすぐにライブになります。テーマファイルの編集、ページビルダーの変更、開発者も不要です。
互換性
Navi+は以下と連携します：
| WordPressテーマ / システム | 互換性 |
|---|---|
| WordPress.org（セルフホスト） | ✓ |
| WooCommerce | ✓ |
| Elementor | ✓ |
| Divi | ✓ |
| Avada | ✓ |
| Astra / OceanWP / GeneratePress | ✓ |
| Sage (Roots) / Timber | ✓ |
| カスタムテーマ | ✓（スクリプトベース） |
トラブルシューティング
メニューが表示されない場合： Navi+スクリプトが正しいページに読み込まれているか確認してください。設定 → 公開ルールに移動してURL条件を確認します。
既存メニューとの競合： Navi+でテーマのネイティブメニューを置き換えたい場合は、小さなCSSスニペットでテーマヘッダーを非表示にできます（Navi+サポートが特定のテーマ向けに提供できます）。
読み込みが遅い場合： Navi+設定でCDNオプションが有効になっているか確認します。これにより、アセットがサーバーではなくNavi+のグローバルCDNから配信されます。
結論
WordPressへのNavi+インストールには15〜30分かかり、コーディングは不要です。WooCommerceデータからのAIメニュー生成は、整理されたモバイル最適化されたナビゲーションへの最速経路です。
→ 全比較を確認： Navi+ vs Max Mega Menu