サイト会員：既定の新規登録フォームとログインフォームのデザインを変更する | サポートセンター

Wix の使用方法を学び、サイトとビジネスを構築する。

直感的な Wix 機能でサイトをデザインして管理する。

定期購入、プラン、請求を管理する。

ビジネスを運営し、サイト会員とつながる。

ドメインの購入、サイトへの接続と移管方法を学ぶ。

ビジネスとウェブプレゼンスを成長させるツールを入手する。

SEO とマーケティングツールで知名度を上げる。

より効率的な作業を支援する高度な機能を利用する。

解決策や既知の問題について確認し、問い合わせる。

コースとチュートリアルでスキルを習得する。

ウェブデザインやマーケティングなどのヒントを得る。

検索エンジンからのトラフィックを増やす方法について学ぶ。

フルスタックプラットフォームでカスタムサイトを構築する。

あなたの目標達成をサポートするエキスパートを見つけましょう。

サイト会員：既定の新規登録フォームとログインフォームのデザインを変更する

8分

訪問者が会員エリアに新規登録またはログインする際の画面をデザインしましょう。このデザインは、サイト上のパスワードで保護されたページにも適用されます。

既定のフォームはあらかじめデザインされています。サイトの色やフォントに合わせているため、デザインの一貫性を保つことができます。既定のフォームのデザインをゼロからカスタマイズすることはできませんが、サイトスタイルをカスタマイズすることで、一部のデザイン要素を制御することができます。

この記事では、以下の変更方法について説明します：

カスタム新規登録 / ログインフォームを使用している場合：

この記事では、既定のフォームについて説明します。カスタムフォームを使用している場合は、以下をクリックしてカスタマイズ方法をご確認ください：

ページタイトルのフォントを変更する

パスワード画面のタイトルテキストのフォントは、見出し h2 のテキストテーマから取得されます。フォントを変更したい場合は、サイトのテキストスタイルをカスタマイズする必要があります。

重要：

これにより、サイトの見出し h2 テーマを持つ他のテキストも変更されます。

見出し h2 のフォントを変更する方法：

Wix エディタ

Wix Studio エディタ

エディタ左側の「サイトデザイン」をクリックします。
「テキストテーマ」をクリックします。
「見出しスタイルをカスタマイズ」をクリックします。
「見出し h2」にマウスオーバーし、「編集」アイコンをクリックします。
新しいフォントを選択します。
「適用」をクリックして変更内容を保存します。

Wix エディタの「見出し h2」フォントとそれに対応する会員エリアの新規登録フォームのタイトルテキストのスクリーンショット。

ページ上の他のテキストパーツのフォントを変更する

パスワード画面のその他すべてのテキストパーツのフォントは、段落 2 のテキストテーマから取得されます。フォントを変更したい場合は、サイトのテキストスタイルをカスタマイズする必要があります。

重要：

これにより、サイトの段落 2 テーマを持つ他のテキストも変更されます。

段落 2 のフォントを変更する方法：

Wix エディタ

Wix Studio エディタ

エディタ左側の「サイトデザイン」をクリックします。
「テキストテーマ」をクリックします。
「段落スタイルをカスタマイズ」をクリックします。
「段落 2」にマウスオーバーし、「編集」アイコンをクリックします。
新しいフォントを選択します。
「適用」をクリックして変更内容を保存します。

Wix エディタの「段落 2」フォントとそれに対応する会員エリアの新規登録フォームのテキストのスクリーンショット。

テキストの色を変更する

サイトパレットの「ベースカラー」または「背景・テキストカラー」の最も暗い色をカスタマイズすることで、パスワード画面のタイトルとテキストに別の色を選択します。

重要：

これにより、この色合いが適用されているサイト上の他のパーツの色も変更されます。

テキストパーツの色を変更する方法：

Wix エディタ

Wix Studio エディタ

エディタ左側の「サイトデザイン」をクリックします。
「カラーテーマ」をクリックします。
「ベースカラー」下で最も暗い色をクリックします。
「カスタムカラー」ボックスのカラーピッカーを使用して、色を変更します。
（オプション）スライダーを使用して、「彩度」と「明るさ」を変更します。
「適用」をクリックします。

Wix エディタのベースカラーとそれに対応する会員エリアの新規登録フォームのテキスト色のスクリーンショット。

ボタンとリンクの色を変更する

サイトの「アクセントカラー」または「アクションの色」で特定の色合いをカスタマイズして、リンクとボタンに別の色を選択します。この色合いは、サイト全体のボタン、リンク、メニューアイテムなどの多くのアクションを起こすパーツに使用されます。

重要：

これにより、この色合いが適用されているサイト上の他のパーツの色も変更されます。

ボタンとリンクの色を変更する方法：

Wix エディタ

Wix Studio エディタ

エディタ左側の「サイトデザイン」をクリックします。
「カラーテーマ」をクリックします。
「アクセントカラー」セクションで最初の色をクリックします。
「カスタムカラー」ボックスのカラーピッカーを使用して、アクセントカラーを変更します。
（オプション）スライダーを使用して、「彩度」と「明るさ」を変更します。
「適用」をクリックします。

エディタのアクセントカラーとそれに対応する会員エリア新規登録フォームのボタンの色のスクリーンショット。

背景色を変更する

パスワード画面の背景色を変更するには、サイトのテーマカラーで「ベースカラー」または「背景・テキストカラー」の最も明るい色合いを調整してください。この色合いは、サイト全体で主にページとパーツ背景に自動的に使用されます。

重要：

これにより、この色合いが適用されているサイト上の他のパーツの色も変更されます。

ページ背景の色を変更する方法：

Wix エディタ

Wix Studio エディタ

エディタ左側の「サイトデザイン」をクリックします。
「カラーテーマ」をクリックします。
「ベースカラー」下で最も明るい色をクリックします。
「カスタムカラー」ボックスのカラーピッカーを使用して、背景色を変更します。
（オプション）スライダーを使用して、彩度と明るさの値を変更します。
「適用」をクリックします。

ヒント：

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

お役に立ちましたか？

この記事では下記を説明します：

ページタイトルのフォントを変更する
ページ上の他のテキストパーツのフォントを変更する
テキストの色を変更する
ボタンとリンクの色を変更する
背景色を変更する