Wix Member Apps: Customizing Your App's Design

7分で読める
Customize your app's colors and fonts to make it look and feel just right for your brand, making sure it stands out and feels familiar to your members.
注:
Changes to your app's color and text theme affect all of your app's screens. 
In this article, learn how to:

Changing your app's color theme

Choose a color theme for your app to set the tone for members using your app. Fine-tune individual colors to ensure consistency and enhance readability across different screens and elements.
重要だ:
Currently, changing your text, icons and background color is only available for the Branded app. If you're using the Spaces app, you'll only be able to change the primary color.
Dashboard
Wixアプリ
Studio App
  1. Go to Mobile App in your site's dashboard.
  2. Select the relevant tab (e.g. Spaces by Wix appYour own mobile app). 
  3. Click Edit Mobile App
  4. Click Design on the left.
  5. をクリックする。 編集 アイコン  横 Color theme.
  6. Click Primary to choose a new main color theme for your app.
  7. (Branded app only) Customize the color theme for individual elements:
    • Text and icons: This affects the main text of your app and the social icons.
    • Background: This affects the background of your app.
  8. Click Save at the top right.
A screenshot showing where to customize your apps  color themes.

Changing your app's text theme

Choose a text theme to set the style and readability of your app, and ensure clarity and coherence across all of your app's content.
重要だ:
Currently, changing heading and body text theme is only available for the Branded app. If you're using the Spaces app, you'll only be able to change the main text theme.
Dashboard
Wixアプリ
Studio App
  1. Go to Mobile App in your site's dashboard.
  2. Select the relevant tab (e.g. Spaces by Wix appYour own mobile app). 
  3. Click Edit Mobile App
  4. Click Design on the left.
  5. をクリックする。 編集 アイコン  横 Text theme.
  6. Click Change Text Theme to choose a new overall theme for your app.
  7. (Branded app only) Customize the text theme for individual elements:
    • Headings: Choose a theme for your heading text.
    • Body: Choose a theme for the main body of your text.
A screenshot showing where to customize your text theme.
  1. Click Save at the top right.

(Branded app only) Changing your app's header style

When creating your branded app, you can choose if you want your header to have a background color (taken from your app's primary color) or to have it transparent.
注:
The header style that you choose here affects the minimal header type. Learn more about the difference between the header types and how to customize them.
Dashboard
Wixアプリ
Studio App
  1. Go to Branded App in your site's dashboard.
  2. Click Edit Mobile App
  3. Click Design on the left.
  4. をクリックする。 編集 アイコン  横 Header style.
  5. Choose a header style:
  6. Click Save at the top right.
A screenshot of where to choose your header colors.

これは役に立ったか?

|