# アカウントダッシュボードページ

### **学べること**

* レガシーアカウントを使用してカスタマーダッシュボードをスタイリングする方法
* どこで見つけてカスタマイズするか `customer/account` および `customer/addresses` ページ
* Shopifyテーマエディタ内でアカウントコンテンツをプレビューするためのヒント

***

### 🧭 テーマエディタでアカウントページにアクセスする方法

アカウントダッシュボード（顧客がログイン後に見る画面）をカスタマイズするには、以下が必要です：

1. ストアを開く（ **Shopify テーマエディタ**
2. に移動する **ログイン** または **登録** ページ
3. プレビューを通じて顧客アカウントでログインする
4. ログインすると、アカウントダッシュボードにリダイレクトされます

> 💡 ヒント: テーマエディタのプレビュー経由でログインする必要があります — `/account` をエディタのURLバーに入力すると、ログインページが再読み込みされるだけです。

***

### 🧑‍💼 アカウント詳細セクション（`customer/account`)

このセクションは顧客の名前、メール、注文一覧を表示します。

#### カスタマイズオプション

**ヒーロー画像**

* ヘッダー画像をアップロードしてページに視覚的なブランディングを施す
* ヒーロー画像を削除したり、角を丸めるオプション

**テキスト設定**

* 歓迎テキスト（例：「ようこそ」）
* メールラベル（例：「メール：」）
* 住所を見るリンクのテキスト
* ログアウトボタンのテキスト

**カラー設定**

* 歓迎メッセージ、メール、ログアウト、リンクのテキスト色
* テーブルの背景色およびテーブルのテキスト色
* 購入がない場合の「注文なし」メッセージの色

> 💡 テキストには全体のテーマに合わせてニュートラルなグレーかブランドアクセントカラーを使用してください。

***

### 🏠 アカウント住所セクション（`customer/addresses`)

このセクションでは顧客が保存済みの住所を表示、追加、編集できます。

#### カスタマイズオプション

**ヒーロー画像**

* オプションのヘッダー画像と、それを削除または角を丸めるためのトグル

**テキストフィールド**

* セクションヘッダー（例：「住所を管理」）
* 「新しい住所を追加」ボタンのテキスト
* 編集、削除、戻るナビゲーションのラベル

**色**

* ヘッダー、ボタン、リンクなど各テキスト要素をカスタマイズ
* 入力欄の区切り線とボーダーの色を設定
* 編集フォームのボタン背景色とテキスト色

> 💡 ヒント: スムーズな体験のために、ボタンとリンクの色は他のアカウントページと一貫性を保ってください。

### **ヘルプが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応
