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