# 登録ページ ### **学べること** * 新規顧客アカウント用の従来の登録ページを有効化およびカスタマイズする方法 * フォームのスタイリング、プレースホルダーテキスト、ボタンデザイン、リンクを更新する方法 * テーマのビジュアル設定を使用してブランドに合わせる方法 *** ### 🧩 概要 この登録ページは **従来の顧客アカウントシステム** を使用して構築されており、テーマのビジュアルエディタで完全にサポートされています。柔軟なレイアウトツール、フォームのスタイリング、オプションのブランド画像を含み、ブランドに合わせたアカウント登録体験に最適です。 > ⚠️ Shopify の新しいワンクリックログインシステムはこのページをバイパスします。これらの設定は **従来のアカウントを使用している場合にのみ**. *** ### 🎨 ページ構成 登録ページには通常次のものが含まれます： * **ロゴ＆時計** （オプション） * **登録フォーム** （メインセクション） * **ミュージックプレーヤー** （オプション） * **フッター** （オプション） *** ### ✏️ 登録フォームのカスタマイズ 移動先：\ **テーマエディタ → テンプレート → customer/register.liquid**\ 設定を開くには **登録フォーム** セクションをクリックします。 *** #### 🖼 登録サイド画像 * フォーム用の **サイド画像** をアップロード（任意） * **サイド画像の位置を切り替え** – 左または右 * **サイド画像を削除** – 完全にオフにする切り替え * **サイド画像を曲線にする** – 丸みのあるビジュアルスタイルを追加 *** #### 🧾 ヘッダーコンテンツ * **ヘッダーテキスト** – 通常は「登録」または「アカウントを作成」 * **サブヘッダーテキスト** – 短い紹介メッセージを追加 * テキストの **色をカスタマイズ** 両方の要素に対して *** #### 🧍 フォームフィールド 各フィールドグループには、個別のラベル、ボーダー、テキスト色のコントロールが含まれます。 **名（First Name）** * ラベル、ボーダー、テキスト色 **姓（Last Name）** * ラベル、ボーダー、テキスト色 **メールアドレス** * ラベル、ボーダー、テキスト色 **パスワード** * ラベル、ボーダー、テキスト色 > 💡 ヒント：一貫したスタイリングはオンボーディング時の信頼感を高めます。 *** #### 🔘 参加ボタン * **ボタンテキスト** （例：「参加」または「アカウントを作成」） * **背景色** * **テキスト色** このボタンは登録フォームを送信します。 *** #### ❗ エラーメッセージのスタイリング * 設定する： **登録エラー情報テキストの色** をアラートや警告のスタイルに合わせて（例：赤） *** #### 🔗 追加リンク * **すでに登録済みですか？**\ ユーザーをログインページへリダイレクトする促しを追加 * **ストアに戻るリンク**\ 顧客がホームページに戻りたい場合に便利です これらはそれぞれ名前を変更したり色を変えたりできます。 *** #### 🌀 その他 * 切り替え： **「入力欄とボタンに半径を有効にする」** をオンにして角を丸くする *** ### ✅ 完了です！ 登録ページのスタイル設定が完了し、以下で利用可能になりました：\ `yourstore.com/account/register` > 💡 ヒント：視覚的一貫性のために、ログインページと登録ページで同じブランド画像と言葉遣いを使用してください。 ### **ヘルプが必要ですか？** * 💬 **Discordでコミュニティに参加：** * 📧 **メールでお問い合わせ：** * 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応