WordPressに公開
タブバーはスティッキーメニューです — ビューポートに固定され（通常はモバイルの下部付近）、訪問者がスクロールしてもその位置に留まります。WordPressでは、Navi+メニュービルダープラグインがタブバーをサイト全体に自動的に表示します。コードやショートコードを貼り付ける必要はありません。
他のプラットフォーム（Wix、Squarespace、Webflow、カスタムサイト）：Wix / Squarespace / その他に公開を参照してください。
ステップ
- プラグインをインストール — Navi+メニュービルダープラグインをインストールを参照してください。
- エディタを開く — WordPress管理画面で、外観 → Naviplusメニュービルダーに移動します。
- タブバーを作成 — タブバーレイアウトを選択し、3〜5の主要な目的地を追加します。デザインのヒントについては、タブバー — 使用方法を参照してください。
- エディタでメニューを公開（ステータス：公開、ドラフトではありません）。
それだけです。タブバーは、WordPressサイトのフロントエンドにすぐに表示されます — ショートコードもテーマ編集も不要です。プラグインのサイト全体の埋め込み（デフォルトでオン）は、すべてのページでNavi+ランタイムを読み込み、ランタイムはサイトのすべての公開されたスティッキーメニューを取得します。
タブバーを特定のページに制限する
プラグインのサイト全体の埋め込みを無効にしないでください — それはランタイムを完全にオフにします。代わりに、エディタでタブバーのスコープを設定します：
- 表示ルール → URLパターン — 一致するURLでのみタブバーを表示します（例：
/shop/*）。 - 表示ルール → デバイス — モバイルのみに制限します。
- 表示ルール → 訪問者の状態 — ログインユーザーなどに制限します。
表示ルールはブラウザ内のランタイムによって評価されるため、変更は次のページの読み込み時に適用されます。
タブバーのモバイルヒント
- 3〜5タブに抑える — それ以上はビューポートを混雑させます。
- 短いラベル（可能な限り1語）と明確なアイコンを使用します。
- 実際のデバイスでタップターゲットのサイズをテストし、エディタのプレビューだけではなくします。
- タブバーが他の固定要素（例：チャットウィジェット）と重なる場合は、メニューが他の要素と重なるを参照してください。
タブバーがライブであることを確認する
任意のページURLに#navidebug-onを追加します（例：https://your-site.com/#navidebug-on）。プラグインが接続されている場合、ページはNavi+デバッグモードに切り替わります。#navidebug-offを追加してオフにします。
より深いチェックについては、最初のメニューを作成 — 接続を確認を参照してください。