Wix モバイルアプリ：モバイルアプリのデザインをカスタマイズする

この記事内

独自のモバイルアプリのデザインは、ブランドに合わせてカスタマイズすることができます。アプリのカラーテーマ、テキストテーマ、ボタンのテーマ、ヘッダースタイルを変更すると、メンバーにとって見やすく魅力的な外観に仕上げることができます。

注意：

アプリのカラーテーマを変更し、メンバーに表示されるアプリの色調を選択します。独自のモバイルアプリでは、アプリ全体での視認性を考慮し、「テキストとアイコン」または「背景」の色を個別に調整することができます。

ダッシュボード

Wix アプリ

Wix Studio アプリ

アプリのテキストテーマを変更し、「見出し」と「本文」に読みやすいフォントを選択します。

ダッシュボード

Wix アプリ

Wix Studio アプリ

サイトダッシュボードの「モバイルアプリ」タブにアクセスします。
独自のモバイルアプリ名のタブをクリックします。
「モバイルアプリを編集」をクリックします。
左側のパネルで「デザイン」をクリックします。
「テーマ」セクションにある「テキスト」横の「編集」アイコンをクリックします。
実行する内容を選択します：
- テキストテーマを変更する：「テキストテーマを変更する」をクリックし、新しいテキストテーマを選択します。
- テーマを個別に編集する：アプリの新しい見出しと本文のテーマを選択します。
右上の「保存して公開する」をクリックします。

アプリやブランドの雰囲気に合わせて、ボタンのテーマを変更します。テーマを変更すると、アプリ全体のすべてのボタンに、それらの変更内容が適用されます。ボタンのテーマは、プリセットから選択するか、ボタンのシェイプ、背景色、テキストの色などをリアルタイムでプレビューしながら個別に選択することができます。

ダッシュボード

Wix アプリ

Wix Studio アプリ

サイトダッシュボードの「モバイルアプリ」タブにアクセスします。
独自のモバイルアプリ名のタブをクリックします。
「モバイルアプリを編集」をクリックします。
左側のパネルで「デザイン」をクリックします。
「ボタンのテーマ」横の「編集」アイコンをクリックします。
実行する内容を選択します：
- ボタンのテーマを変更する：「ボタンのテーマを変更する」をクリックし、新しいプリセットのテーマを選択します。「おすすめのテーマ」に表示される各プリセットのテーマの色は、アプリの現在のテーマに基づいて表示されます。
- ボタンのテーマを個別に変更する：「プライマリ」または「セカンダリ」タブをクリックし、ボタンのシェイプ、角の丸み、背景色、テキストの色、枠線の幅などを変更します。
  注意：カラーテーマを変更するには、カラーピッカーで「編集」をクリックし、「テーマを編集」セクションで、「メイン」、「テキストとアイコン」、および「背景」の色をカスタマイズします。
右上の「保存する」をクリックします。