Wix メンバーズアプリ:アプリのナビゲーションメニューをカスタマイズする

読了時間:6分
Spaces by Wix アプリ、Fit by Wix、マイアプリ by Wix などの Wix メンバーズアプリは、各画面で構成されています。ホーム画面やサービス画面などの各画面は、アプリ内で個別の「ページ」として機能します。アプリのナビゲーションメニューを使用すると、メンバーはこれらの画面間をシームレスに移動することができます。
モバイルアプリにナビゲーションメニューが表示されている様子を示したスクリーンショット。
ナビゲーションメニューに表示する画面とそれらの表示順序、および、ナビゲーションメニューを上部に表示するか下部に表示するかはカスタマイズすることができます(上部と下部の選択はマイアプリでのみご利用いただけます)。
この記事では、以下の項目について説明します:

ナビゲーションメニューの画面を並べ替える

重要なコンテンツをより多くのメンバーに見てもらえるよう、ナビゲーションメニューに表示される画面の順序を並べ替えます。
ダッシュボード
Wix アプリ
  1. サイトダッシュボードの「モバイルアプリ」にアクセスします。
  2. 該当するタブ(「Spaces by Wix アプリ」や「あなたが制作したアプリ」)を選択します。
  3. モバイルアプリを編集」をクリックします。
  4. 左側の「画面」をクリックします。
  5. リスト内で画面を上下にドラッグして並べ替えます。
ドラッグアンドドロップで画面を並べ替える様子を示したスクリーンショット。
ヒント:
ナビゲーションメニューに新しい画面を追加するには、「画面を管理」下の「+追加」をクリックします。
ナビゲーションメニューに新しい画面を追加するオプションが表示されている様子を示したスクリーンショット。

ナビゲーションメニューから画面を非表示にする

デフォルトでは、追加した画面はすべてナビゲーションメニューに表示されます。ナビゲーションメニューを整理し、関連のない画面や使用頻度の少ない画面を非表示にすると、メンバーのエクスペリエンスを向上させることができます。
ダッシュボード
Wix アプリ
  1. サイトダッシュボードの「モバイルアプリ」にアクセスします。
  2. 該当するタブ(「Spaces by Wix アプリ」や「あなたが制作したアプリ」)を選択します。
  3. モバイルアプリを編集」をクリックします。
  4. 左側の「画面」をクリックします。
  5. 非表示にしたい画面にマウスオーバーし、「その他のアクション」アイコン  をクリックします。
  6. ナビゲーションで非表示」をタップします。
ナビゲーションメニューから画面を非表示にする様子を示したスクリーンショット。
ヒント:
ナビゲーションメニューから画面を非表示にすると、その画面は「ナビゲーションで非表示の画面」セクションに移動しますが、いつでも再度追加することができます。
An example showing how to add a screen back to the navigation menu

ナビゲーションメニューの場所を変更する

マイアプリを使用している場合は、ナビゲーションメニューの位置を上部から下部に変更することができます。ナビゲーションメニューの位置を下部に変更すると、メニューがテキストからアイコンの UI に変わります。
ダッシュボード
Wix アプリ
  1. サイトダッシュボードの「マイアプリ by Wix」タブにアクセスします。
  2. モバイルアプリを編集」をクリックします。
  3. 左側の「画面」をクリックします。
  4. 左下の「ナビゲーションを編集」をクリックします。
「ナビゲーションを編集」のオプションが表示されている様子を示したスクリーンショット。
  1. 右側の「ナビゲーションを編集」でオプションを選択します:
    • タブバー(上部):ナビゲーションメニューが画面の上部に表示されます。
    • タブバー(下部):ナビゲーションメニューが画面の下部に表示され、テキストメニューがアイコンメニューに変わります。メニューは以下の方法でカスタマイズすることができます:
      • アイコンの下に画面名を表示する」トグルを有効または無効にして、画面名のテキストを表示または非表示にします。
      • アイコンにマウスオーバーし、「アイコンを変更」をクリックして、別のアイコンに変更します。
ナビゲーションメニューの位置を変更できるオプションが表示されている様子を示したスクリーンショット。

お役に立ちましたか?

|