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

Wix メンバーズアプリ:アプリのデザインをカスタマイズする

7分
モバイルアプリに使用する色やフォントをブランドに合わせてカスタマイズし、メンバーにとって見やすく魅力的な外観に仕上げます。
注意:
アプリのカラーテーマやテキストテーマに加えた変更は、アプリのすべての画面に適用されます。
この記事では、以下の項目について説明します:

アプリのカラーテーマを変更する

アプリのカラーテーマを変更し、メンバーに表示されるアプリの色調を選択します。マイアプリでは、アプリ全体での視認性を考慮し、「テキストとアイコン」または「背景」の色を個別に調整することができます。
重要:
現在、テキスト、アイコン、背景色の変更はマイアプリ by Wix でのみ利用できます。Spaces アプリを使用している場合は、メインカラーのみを変更できます。
ダッシュボード
Wix アプリ
Wix Studio アプリ
  1. サイトダッシュボードの「モバイルアプリ」にアクセスします。
  2. Spaces by Wix アプリ」または「あなたが制作したアプリ」から該当するタブを選択します。
  3. モバイルアプリを編集」をクリックします。
  4. 左側の「デザイン」タブをクリックします。
  5. テーマ」セクションにある「」横の「編集」アイコン をクリックします。
  6. メイン」をクリックして、アプリの新しいメインカラーテーマを選択します。
  7. (マイアプリのみ)個々のパーツのカラーテーマをカスタマイズします:
    • テキストとアイコン:アプリのメインテキストとソーシャルアイコンに影響します。
    • 背景:アプリの背景に影響します。
  8. 右上の「保存して公開する」をクリックします。
アプリのカラーテーマをカスタマイズする場所を示したスクリーンショット。

アプリのテキストテーマを変更する

アプリのテキストテーマを変更し、「見出し」と「本文」に読みやすいフォントを選択します。
重要:
現在、見出しと本文のテキストスタイルの変更はマイアプリ by Wix でのみ利用できます。Spaces アプリを使用している場合は、メインのテキストテーマのみを変更できます。
ダッシュボード
Wix アプリ
Wix Studio アプリ
  1. サイトダッシュボードの「モバイルアプリ」にアクセスします。
  2. Spaces by Wix アプリ」または「あなたが制作したアプリ」から該当するタブを選択します。
  3. モバイルアプリを編集」をクリックします。
  4. 左側の「デザイン」タブをクリックします。
  5. テーマ」セクションにある「テキスト」横の「編集」アイコン をクリックします。
  6. テキストテーマを変更する」をクリックし、アプリ全体に使用される新しいテーマを選択します。
  7. (マイアプリのみ)個々のパーツのテキストテーマをカスタマイズします:
    • 見出し:見出しテキストのテーマを選択します。
    • 本文:テキスト本文のテーマを選択します。
テキストテーマをカスタマイズする場所を示したスクリーンショット。
  1. 右上の「保存して公開する」をクリックします。

(マイアプリのみ)アプリのヘッダースタイルを変更する

マイアプリでは、ヘッダーにアプリのメインカラーを使用するか、透明にするかを選択することができます。
注意:
ここで選択したヘッダースタイルは、「ミニマル」ヘッダーに対して適用されます。ヘッダーの種類とそれぞれのカスタマイズ方法についての詳細はこちら
ダッシュボード
Wix アプリ
Wix Studio アプリ
  1. サイトダッシュボードの「マイアプリ」にアクセスします。
  2. モバイルアプリを編集」をクリックします。
  3. 左側の「デザイン」タブをクリックします。
  4. グローバルスタイル」セクションにある「ヘッダー」横の「編集」アイコン をクリックします。
  5. ヘッダースタイルを選択します:
  6. 右上の「保存して公開する」をクリックします。
ヘッダーの色を選択しているスクリーンショット。