header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • ヘッダーをカスタマイズする
  • 画面にパーツを追加して管理する
  • 画面を追加・管理する
  • メンバーズアプリのテーマカラーを変更する
  • 「基本情報」画面をカスタマイズする
  • よくある質問

Wix モバイルアプリ:メンバーズアプリでサイトをカスタマイズする

29分
この記事内
  • ヘッダーをカスタマイズする
  • 画面にパーツを追加して管理する
  • 画面を追加・管理する
  • メンバーズアプリのテーマカラーを変更する
  • 「基本情報」画面をカスタマイズする
  • よくある質問
Wix メンバーズアプリ(例:Spaces by Wix、Fit by Wix)の外観は、サイトダッシュボードのモバイルウェブエディタ、または Wix アプリから直接カスタマイズすることができます。Wix メンバーズアプリは、サイトページに似たさまざまな画面で構成されています。これらの画面には、商品ページ、ブッキングサービス、オンラインプログラムなど、メンバーに表示したいパーツを自由に追加することができます。

それぞれの画面のコンテンツは、ボタンや画像を使用して目立たせることができます。また、たとえば小規模のネットショップを経営していて、外出先から商品の詳細を更新したり、新しいブログ記事を投稿したい場合は、Wix アプリから簡単にそれらを行うことができます。

ヘッダーをカスタマイズする

ヘッダーは、訪問者が Wix メンバーズアプリでサイトを訪れた際に最初に目にするセクションです。ここに独自のロゴやカバー写真を追加すると、ビジネスに適した外観に変更することができます。表示する情報やボタンも自由に選択できるため、訪問者が思わずメンバーになりたくなるような魅力的なセクションに仕上げましょう。
サイトダッシュボードのウェブエディタと Wix アプリでは、ヘッダーをカスタマイズする手順が一部異なるためご注意ください。
Wix アプリ
Wix Studio アプリ
サイトダッシュボードのメンバー数には、すべてのアプリメンバーが表示されます。これには、公開と非公開の両方のプロフィールを持つサイト会員、およびブロックされたサイト会員が含まれます。
  1. サイトダッシュボードの「モバイルアプリ」にアクセスします。
  2. 該当するタブ(例:Spaces by Wix アプリFit by Wix )をクリックします。
  3. モバイルアプリを編集」をクリックします。
  4. ウェブエディタでアプリのヘッダーをクリックして、「ヘッダーを編集」プレビューパネルを開きます。
ダッシュボードのモバイルウェブエディタで、メンバーズアプリのヘッダーをクリックする様子を示したスクリーンショット。
  1. 編集する内容を選択します:
    • 種類:「ディテール」ヘッダーは、メンバーズアプリの場合のみ編集することができます。「ミニマル」ヘッダーは、独自のモバイルアプリをカスタマイズする場合のみ選択することができます。
    • アプリ情報:カスタマイズしたい内容を選択します。ここでは、アプリのタイトルとサブタイトルを編集できるほか、「ロゴを表示」トグルを有効にしてロゴを表示したり、「基本情報を表示」トグルを有効にして、ビジネスに関する基本情報画面へのリンクを表示することができます。
      ヒント:Wix ロゴメーカーを使用すると、独自のロゴを作成することができます。
    • カバー写真:サイトのカバー写真をアップロードします。複数の写真を追加すると、各写真が切り替わる間隔を指定することができます。
    • メンバー情報:該当するトグルを有効にして、ヘッダー上にメンバー数とメンバープロフィールを表示または非表示にします。
    • アクションボタン:該当するトグルを有効にして、招待ボタンとカスタムボタンを表示または非表示にし、ボタンのアクションとテキストを選択します。たとえば、「メッセージを送信」ボタンを追加すると、メンバーがリアルタイムであなたとチャットできるようになります。
  2. 保存して公開する」をクリックします。

画面にパーツを追加して管理する

アプリにパーツを追加して、コンテンツや提供するサービスを表示します。たとえば、オンラインプログラムを追加して、メンバーをアクティブな参加者に変えることができます。メンバーが簡単に見て操作できる場所にこれらのパーツを配置しましょう。

パーツを追加したら、表示する場所を選択し、簡単に管理、編集、削除してパーソナライズされた体験を提供します。
ダッシュボード
Wix アプリ
Wix Studio アプリ
  1. サイトダッシュボードの「モバイルアプリ」にアクセスします。
  2. 該当するタブ(例:Spaces by Wix アプリFit by Wix )をクリックします。
  3. モバイルアプリを編集」をクリックします。
  4. 上部の「画面」ドロップダウンをクリックし、編集する画面を選択します。
  5. 左側の「パーツ」をクリックします。
  6. パーツを追加」下で、パーツのカテゴリーを選択します。
  7. 画面に追加するパーツをクリックします。たとえば、「基本アイテム」のカテゴリーでは、ボタン、画像、動画、タイトル、段落など、アプリをデザインおよび整理するためのパーツを追加することができます。
    注意:一部のパーツは、Wix アプリからのみカスタマイズすることができます。
  8. 利用可能なオプションを使用してパーツを管理します:
9.「保存して公開」をクリックします。

画面を追加・管理する

メンバーズアプリでは、探しているものが簡単に見つけられるよう、ナビゲーションメニューから各画面にアクセスできるようになっています。このナビゲーションメニューで表示する画面は、非表示にしてアクセスできるユーザーを選択することもできます。
メンバーズアプリの画面は、サイトダッシュボードのウェブエディタ、または Wix アプリから追加・管理することができます。
Wix アプリ
Wix Studio アプリ
  1. サイトダッシュボードの「モバイルアプリ」にアクセスします。
  2. 該当するタブ(例:Spaces by Wix アプリFit by Wix )をクリックします。
  3. モバイルアプリを編集」をクリックします。
  4. 左側の「画面」をクリックします。
「画面」パネルのスクリーンショット。
  1. 実行する内容を選択します:
5.「保存して公開する」をクリックします。

メンバーズアプリのテーマカラーを変更する

ブランドに合ったカスタムカラーテーマを選択して、メンバーズアプリの体験をカスタマイズしましょう。選択した色は、ヘッダーからその他の重要なパーツまで、アプリ全体で統合されます。
ダッシュボード
Wix アプリ
Wix Studio アプリ
  1. サイトダッシュボードの「モバイルアプリ」にアクセスします。
  2. 該当するタブ(例:Spaces by Wix アプリFit by Wix )をクリックします。
  3. モバイルアプリを編集」をクリックします。
  4. 左側の「デザイン」をクリックします。
ダッシュボードのウェブエディタのデザインパネルのスクリーンショット。
  1. 」の横にある「編集」アイコン  をクリックします。
  2. テーマを編集」下で「メイン」カラーを設定します。
    注意:「テキストとアイコン」および「背景」の色は、独自のモバイルアプリを作成する場合のみ編集することができます。
  3. 保存して公開する」をクリックします。

「基本情報」画面をカスタマイズする

「基本情報」画面では、メンバーズアプリに表示されるサイトの情報を変更することができます。問い合わせ先、ロゴ、タグライン、メンバーリスト、SNS リンクなどの表示を編集してみましょう。
注意:
現在、この機能は Wix アプリからのみご利用いただけます。
Wix Studio アプリ
  1. Wix アプリでサイトにアクセスします。
  2. 下部の「管理 をタップします。
  3. モバイルアプリ」をタップします。
  4. (必要な場合)別のモバイルアプリの編集に切り替えます:
    1. 上部のモバイルアプリ名をタップします。
    2. 該当するモバイルアプリをタップします。
      ヒント:別のモバイルアプリ(例:Fit by Wix)を編集する場合は、そのアプリを優先メンバーズアプリとして選択してください。
  5. 編集」をタップします。
  6. 上部の「画面」ドロップダウンをタップし、「基本情報」を選択します。
「画面」ドロップダウンメニューのスクリーンショット。
  1. 編集する情報を選択します:
7.「保存する」をタップし、「完了」をタップします。

よくある質問

メンバーズアプリのカスタマイズ方法に関する詳細については、以下の質問をクリックしてください。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
この記事の概要
Unlock personalized helpLog in to get the most out of Helpmate.