サイト会員:既定の新規登録フォームとログインフォームのデザインを変更する
読了時間:8分
既定のフォームはあらかじめデザインされています。サイトの色やフォントに合わせているため、デザインの一貫性を保つことができます。既定のフォームのデザインをゼロからカスタマイズすることはできませんが、サイトスタイルをカスタマイズすることで、一部のデザイン要素を制御することができます。
この記事では、以下の変更方法について説明します:
ページタイトルのフォントを変更する
パスワード画面のタイトルテキストのフォントは、見出し h2 のテキストテーマから取得されます。フォントを変更したい場合は、サイトのテキストスタイルをカスタマイズする必要があります。
重要:
これにより、サイトの見出し h2 テーマを持つ他のテキストも変更されます。
見出し h2 のフォントを変更する方法:
Wix エディタ
Wix Studio エディタ
- エディタ左側の「サイトデザイン」
をクリックします。
- 「テキストテーマ」をクリックします。
- 「見出しスタイルをカスタマイズ」をクリックします。
- 「見出し h2」にマウスオーバーし、「編集」アイコン
をクリックします。
- 新しいフォントを選択します。
- 「適用」をクリックして変更内容を保存します。

ページ上の他のテキストパーツのフォントを変更する
パスワード画面のその他すべてのテキストパーツのフォントは、段落 2 のテキストテーマから取得されます。フォントを変更したい場合は、サイトのテキストスタイルをカスタマイズする必要があります。
重要:
これにより、サイトの段落 2 テーマを持つ他のテキストも変更されます。
段落 2 のフォントを変更する方法:
Wix エディタ
Wix Studio エディタ
- エディタ左側の「サイトデザイン」
をクリックします。
- 「テキストテーマ」をクリックします。
- 「段落スタイルをカスタマイズ」をクリックします。
- 「段落 2」にマウスオーバーし、「編集」アイコン
をクリックします。
- 新しいフォントを選択します。
- 「適用」をクリックして変更内容を保存します。

テキストの色を変更する
サイトパレットの「ベースカラー」または「背景・テキストカラー」の最も暗い色をカスタマイズすることで、パスワード画面のタイトルとテキストに別の色を選択します。
重要:
これにより、この色合いが適用されているサイト上の他のパーツの色も変更されます。
テキストパーツの色を変更する方法:
Wix エディタ
Wix Studio エディタ
- エディタ左側の「サイトデザイン」
をクリックします。
- 「カラーテーマ」をクリックします。
- 「ベースカラー」下で最も暗い色をクリックします。
- 「カスタムカラー」ボックスのカラーピッカーを使用して、色を変更します。
- (オプション)スライダーを使用して、「彩度」と「明るさ」を変更します。
- 「適用」をクリックします。

ボタンとリンクの色を変更する
サイトの「アクセントカラー」または「アクションの色」で特定の色合いをカスタマイズして、リンクとボタンに別の色を選択します。この色合いは、サイト全体のボタン、リンク、メニューアイテムなどの多くのアクションを起こすパーツに使用されます。
重要:
これにより、この色合いが適用されているサイト上の他のパーツの色も変更されます。
ボタンとリンクの色を変更する方法:
Wix エディタ
Wix Studio エディタ
- エディタ左側の「サイトデザイン」
をクリックします。
- 「カラーテーマ」をクリックします。
- 「アクセントカラー」セクションで最初の色をクリックします。
- 「カスタムカラー」ボックスのカラーピッカーを使用して、アクセントカラーを変更します。
- (オプション)スライダーを使用して、「彩度」と「明るさ」を変更します。
- 「適用」をクリックします。

背景色を変更する
パスワード画面の背景色を変更するには、サイトのテーマカラーで「ベースカラー」または「背景・テキストカラー」の最も明るい色合いを調整してください。この色合いは、サイト全体で主にページとパーツ背景に自動的に使用されます。
重要:
これにより、この色合いが適用されているサイト上の他のパーツの色も変更されます。
ページ背景の色を変更する方法:
Wix エディタ
Wix Studio エディタ
- エディタ左側の「サイトデザイン」
をクリックします。
- 「カラーテーマ」をクリックします。
- 「ベースカラー」下で最も明るい色をクリックします。
- 「カスタムカラー」ボックスのカラーピッカーを使用して、背景色を変更します。
- (オプション)スライダーを使用して、彩度と明るさの値を変更します。
- 「適用」をクリックします。

ヒント:
「公開」をクリックして、ライブサイトで変更内容を確認します。サイトをプレビューしても、パスワード画面は表示されません。