会員新規登録・ログインフォームをカスタマイズ
読了時間:4分
サイト会員新規登録フォームやログインフォームを使用すると、訪問者は会員エリア、フォーラム、ブログなど、サイトの会員限定エリアにアクセスできるようになります。サイト会員は新規登録フォームを使用して詳細を登録し、新規登録後にログインフォームを使用してアカウントにログインします。
既定の新規登録フォームを表示するか、独自にカスタマイズした新規登録フォームを作成するかを選択できます。どのフォームを選択した場合でも、フォームをカスタマイズして希望通りの見た目や動作にすることができます。
既定フォーム
サイトのテーマを更新することで、既定フォームのデザインを変更できます。また、「ログイン」または「新規登録」オプションのどちらを最初に表示するかを選択したり、メンバーが新規登録に使用できる SNS を選択したり、利用規約やプライバシーポリシーを追加したりできます。既定の新規登録フォームの設定を編集する方法はこちら
既定の新規登録フォームをカスタマイズする
ビルトインの新規登録フォームはすでにデザインされ、サイトに適しています。訪問者がメールアドレスとパスワードの入力のみで登録できる場合は、このフォームを使用してください。
既定フォームをゼロからデザインすることはできませんが、一部の色とフォントを制御することは可能です。既定フォームのデザインを変更する方法はこちら
![Wix サイトの会員エリアに表示される既定の新規登録フォームのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/12/28/9081d4e9-7f26-4ebc-b44e-a70b983f4706/84cf2515-894d-4e99-a4be-781cc4f61ef9.png)
既定のログインフォームをカスタマイズする
既定のログインフォームは、サイトの色やテキストのスタイルに合わせてデザイン済みです。既定フォームをゼロからデザインすることはできませんが、一部の色とフォントを制御することは可能です。既定フォームのデザインを変更する方法はこちら
![Wix サイトの会員エリアに表示される既定のログインフォームのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/12/28/e4ae694f-8796-4575-b99d-ebdcb9cdb330/a34a7571-e1a3-44a8-a53d-52c4f1c0a010.jpg)
カスタムフォーム
サイトでカスタムフォームを使用している場合、いくつかの方法でデザインやレイアウトをカスタマイズできます。また、「ログイン」または「新規登録」オプションのどちらを最初に表示するかを選択したり、どの SNS からメンバーがログインできるかを選択したり、誰がサイト会員になることができるかを選択したりできます。カスタム新規登録フォームの設定を編集する方法はこちら
カスタム会員新規登録フォームをデザインする
カスタム新規登録フォームをゼロからデザインしましょう。タイトル、項目、背景色、ボタンなど、フォームのあらゆる側面をカスタマイズできます。必要に応じて要素を追加・削除することもできます。
フォームはライトボックス(ポップアップ)内に表示され、フルカスタマイズも可能です。ライトボックスのサイズを変更したり、フォームの後ろに背景を追加したりできます。会員新規登録フォームをカスタマイズする方法はこちら
![Wix サイトの会員エリアに表示されるカスタム新規登録フォームのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/06/09/92b856d6-7e52-4ecc-ba76-2b8bba3ee00b/63dd404a-bb12-4e4d-a5a2-66da7091d63a.png)
注意:
現在、カスタム新規登録フォームに SNS ログインボタンを表示することはできません。サイト会員が Facebook / Google を使用して新規登録・ログインできるようにする場合は、既定の新規登録フォームを使用してください。
カスタムログインフォームをデザインしているスクリーンショット
ログインフォームをゼロからカスタマイズして、独自のものを作成することができます。背景やデザイン全体を変更したり、パーツを追加したり、ニーズに合わせて項目をカスタマイズしたり、Facebook や Google でログインするオプションを表示するかどうかを選択したりできます。会員ログインフォームをカスタマイズする方法はこちら
![Wix サイトの会員エリアに表示されるカスタムログインフォームのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/02/07/d320039c-2663-4450-bd60-046772ab3b05/66dab9fd-9903-4b10-af2e-f6007a01a72d.png)
Velo フォーム
Velo を有効にすると、Velo フォームにリンクすることができます。コードを使用してカスタム会員新規登録フォームを作成し、カスタムサイト登録を有効にすることができます。(英語)
注意:
このオプションは、上級者ユーザーを対象としています。
![新規登録フォームとログインフォームの Velo オプションを示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/12/28/78aadc87-bb06-4eb9-a2d5-74e6f59c7e28/8ea6a715-d58d-4513-8c73-9af2f918b6ac.jpg)
Velo でカスタムフォームを作成する方法