# 基本設定

基本設定が完了したら、このガイドではPlain Jane Starterストアを仕上げるために必要な残りの重要な設定について説明します。

## パスワードページの設定

ストアをパスワード保護する必要がある場合（近日公開モード、限定販売など）、パスワードページの設定を行ってください。

### パスワード保護を使う時

* **プレローンチ**: 開店前にメールを収集するため
* **プライベートセール**: VIP顧客向けの限定アクセス
* **メンテナンス**: 更新中に一時的に閉鎖するため
* **季節休業**: 休業期間中に使用

### パスワードページを設定する

1. **パスワードページ設定にアクセスする**
   * テーマ設定で、次を見つけます **"パスワードページ設定"**
2. **ストアログイン設定**
   * **ストア所有者ラベルの色**: パスワード欄ラベルの文字色
   * **パスワード入力背景色**: パスワード入力欄の背景色
   * **パスワード文字色**: パスワード欄内の文字色
   * **送信ボタンの背景**: 送信ボタンの背景色
   * **送信ボタンのテキスト**: 送信ボタンの文字色
3. **メールフォームのサインアップ設定**
   * **フォームヘッダー**: メイン見出し（例：「店舗は今閉まってます…」）
   * **フォーム内容**: 閉鎖を説明する説明文
   * **メール欄ラベル**: メール入力のラベル
   * **メール入力のプレースホルダー**: メール欄のプレースホルダーテキスト
   * **送信ボタンのテキスト**: メールサインアップボタンのテキスト
   * **成功メッセージ**: サインアップ成功後のメッセージ
4. **メールフォームの色設定**
   * **ヘッダーの色**: メイン見出しの色
   * **背景色**: メールフォームの背景色
   * **コンテンツテキスト色**: 説明文の色
   * **メールラベルの色**: メール欄ラベルの色
   * **プレースホルダーテキストの色**: プレースホルダーテキストの色
   * **メール入力欄の色**: メール入力の背景色
   * **成功メッセージの色**: 成功メッセージの色
   * **送信ボタンの色**: 送信ボタンの背景色
   * **送信ボタンの文字色**: 送信ボタン上の文字色
5. **メールフォームの不透明度**
   * **メールフォームの不透明度**: フォームの透明度（0〜1）

### パスワードページのベストプラクティス

* 明確で親しみやすいメッセージを使用する
* 再開時期を説明する
* メールサインアップを目立たせる
* メール収集が機能するかテストする
* ブランドに合った色を使用する

## フッターの設定

フッターはナビゲーション、信頼性、SEOにとって重要です。

### フッター設定の概要

1. **フッター設定にアクセスする**
   * 見つける **"フッター設定"** テーマ設定内
2. **フッターコンテンツの設定**
   * **フッターロゴ**: フッター用のロゴをアップロードする
   * **フッターヘッダー**: メインナビゲーションの見出し（例：「Plain Jane Links」）
   * **フッターのメール見出し**: ニュースレターセクションの見出し
   * **フッター送信ボタンのテキスト**: メールサインアップボタンのテキスト
   * **フッター著作権テキスト**: 著作権表示
3. **フッターの色設定**
   * **背景**: フッター背景色
   * **ヘッダーテキスト**: セクション見出しの色
   * **フッターリンク**: ナビゲーションリンクの色
   * **フッターホバー背景**: リンクにホバーしたときの背景色
   * **フッターホバーテキスト**: リンクにホバーしたときの文字色
   * **メール見出しの色**: ニュースレター見出しの色
   * **メール入力ボックスの色**: メール欄の背景色
   * **メール入力文字色**: メール欄内の文字色
   * **メールプレースホルダーテキスト**: プレースホルダーテキストの色
   * **送信ボタン**: メールサインアップボタンの背景色
   * **送信テキスト**: メールサインアップボタンの文字色
   * **著作権テキスト**: 著作権表示の文字色
4. **フッターのサイズ設定**
   * **フッターロゴのサイズ**: ロゴサイズ（ピクセル、60〜140px）
   * **フッターリンクサイズ（デスクトップ/タブレット）**: リンクのフォントサイズ（6〜21px）
   * **フッターリンクサイズ（モバイル）**: モバイルのリンクフォントサイズ（6〜15px）
   * **フッターヘッダーサイズ（デスクトップ/タブレット）**: 見出しフォントサイズ（6〜21px）
   * **著作権フォントサイズ**: 著作権テキストのサイズ（9〜13px）
5. **表示コントロール**
   * **フッターを表示する**: フッターのオン/オフ切り替え
   * **コレクションでフッターを非表示にする**: コレクションページで非表示にするオプション
   * **フッター著作権を表示する**: 著作権セクションの切り替え
   * **メールフッター登録を表示**: ニュースレターサインアップの切り替え
   * **フッターロゴを表示する**: フッターロゴの切り替え

### フッターのベストプラクティス

* 必須リンク（会社概要、お問い合わせ、プライバシーポリシー）を含める
* マーケティングのためにニュースレターのサインアップを追加する
* 読みやすいフォントサイズを使用する
* 十分な色のコントラストを確保する
* モバイルでの表示をテストする
* 著作権表示を最新に保つ

## スクロールバーのカスタマイズ

Plain Jane Starterには独自のスクロールバーのスタイリングオプションが含まれています。

### スクロールバーを設定する

1. **スクロールバー設定にアクセスする**
   * 見つける **"スクロールバー設定"** テーマ設定内
2. **スクロールバースタイリング**
   * **スクロールバーの色**: スクロールバーのサム（つまみ）の色
   * **スクロールバー背景色**: スクロールバートラックの色
   * **スクロールバーの角丸**: 角の丸み（0〜5px）
   * **スクロールバーの距離**: 端からの距離（10〜50px、ショップページのみ）
3. **スクロールバーヒント**
   * ブランドに合った色を選ぶ
   * 背景に対して見やすい色にする
   * 異なる画面サイズでテスト
   * 距離設定はショップ／コレクションページにのみ影響します

## 検索ページのスタイリング

検索結果の表示を設定します。

### 検索ページの設定

1. **検索ページ設定にアクセスする**
   * 見つける **"検索ページ"** テーマ設定内
2. **検索のスタイリング**
   * **検索結果カードの色**: 検索結果カードの背景色
   * **検索結果見出しの色**: 結果タイトルの色
   * **検索結果説明の色**: 結果説明の色
   * **検索ボタンの色**: 検索ボタンの背景色
   * **検索ボタンの文字色**: 検索ボタンの文字色

### 検索のベストプラクティス

* 読みやすさのために高いコントラストを使用する
* 全体のカラースキームに合わせる
* さまざまな検索語でテストする
* モバイル互換性を確保する

## 最終設定チェックリスト

公開前に、すべての設定を確認してください：

### 重要な設定 ✅

* [ ] パスワードページが設定されている（必要な場合）
* [ ] フッターコンテンツとリンクが追加されている
* [ ] フッターの色がブランドに合っている
* [ ] メールサインアップフォームがテスト済み
* [ ] スクロールバーのスタイリングが適用されている
* [ ] 検索ページが適切にスタイル設定されている

### テスト ✅

* [ ] すべてのページをプレビューする
* [ ] モバイル端末でテストする
* [ ] メールサインアップが機能することを確認する
* [ ] すべてのリンクが機能するか確認する
* [ ] 検索機能をテストする
* [ ] パスワード保護が機能することを確認する（有効な場合）

### コンテンツ ✅

* [ ] すべてのプレースホルダーテキストを置き換える
* [ ] ブランドカラーが一貫して適用されている
* [ ] 連絡先情報が正確である
* [ ] 著作権年が最新である
* [ ] 法的ページがリンクされている（プライバシーポリシー、利用規約）

## 公開準備

重要な設定が完了したら：

1. **最終確認**
   * 顧客の視点で各ページを確認する
   * 購入体験全体をテストする
   * モバイルでのレスポンシブ表示を確認する
2. **コンテンツの追加**
   * 製品を追加する
   * コレクションを作成する
   * 魅力的なページコンテンツを書く
   * 高品質な画像をアップロードする
3. **公開する**
   * テーマを公開する
   * 公開サイトをテストする
   * 問題がないか監視する

## さらに機能が必要ですか？

Starterに含まれていない機能が必要な場合：

* [**制限事項を確認する**](https://docs.openspaces.design/english-ja/plain-jane-starter/limitations) - 含まれていないものを確認する
* [**アップグレードの道筋**](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/limitations/upgrade-path.md) - フルバージョンへのアップグレードについて学ぶ

## 次のステップ

テーマは今や完全に設定されています！次に探検するもの：

* [**テーマ設定**](https://docs.openspaces.design/english-ja/plain-jane-starter/theme-settings) - 詳細な設定リファレンス
* [**ページとテンプレート**](https://docs.openspaces.design/english-ja/plain-jane-starter/pages-and-templates) - ページの設定方法
* [**FAQ とトラブルシューティング**](https://docs.openspaces.design/english-ja/plain-jane-starter/faq-and-troubleshooting) - よくある問題と解決策

***

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

💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>

📧 **メールでお問い合わせ：** <support@openspaces.design>

💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応

🎉 **おめでとうございます！** あなたのPlain Jane Starterストアは設定され、コンテンツの準備が整いました。