# テーマ設定

Plain Jane Starter は、シンプルで管理しやすいままブランドアイデンティティを確立するための基本的なテーマカスタマイズオプションを含みます。

## 利用可能な設定カテゴリ

Plain Jane Starter で利用可能なテーマ設定は次のとおりです。アクセスするには、へ移動してください **オンラインストア** > **テーマ** > **テキストの** > **テーマ設定** （歯車アイコン）。

### [カートドロワー](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/cart-drawer.md)

スライドアウト式ショッピングカートパネルを構成します。背景色、テキスト色、ボタンのスタイル、ドロワー幅、通貨表示、およびオプションの背景画像をカスタマイズできます。

### [時計設定](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/clock-settings.md)

ストア全体で一貫した時刻参照を行うためのタイムゾーン表示を構成します。包括的な世界のタイムゾーン一覧から選択できます。

### [コレクションレイアウト](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/collection-layout.md)

コレクションページでの商品の表示方法を制御します。ページあたりの表示商品数、テキストの配置、ベンダー表示オプションを設定してください。

### [フッター設定](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/footer-settings.md)

ナビゲーションとブランディングのためのフッターを完全にカスタマイズします。色、メール登録フォーム、ソーシャルメディアアイコン、支払い方法アイコンを構成できます。

### [グローバルメニュー設定](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/global-menu-settings.md)

メインナビゲーションメニューの外観と挙動を制御します。配置、色、検索アイコンの表示を調整できます。

### [ロゴ](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/logo.md)

ブランドロゴをアップロードして表示を設定します。ヘッダー内でのロゴサイズと位置を設定してください。

### [メインテーマカラー](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/main-theme-color.md)

ボタン、リンク、その他のアクセント要素に使用されるテーマ全体のプライマリカラーを設定します。

### [タイポグラフィ](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/typography.md)

ストアのタイポグラフィに使える 100 種類以上の Google フォントから選択できます。見出し用と本文用に別々のフォントを設定し、サイズやウェイトを調整できます。

### [SEO設定](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/seo-settings.md)

必須の検索エンジン最適化ツール。メタディスクリプション、ソーシャル共有画像、ファビコンのアップロードを構成します。

## Starter に含まれていないもの

Plain Jane Starter はシンプルさを保つために意図的に複雑な設定を除外しています。次の設定は利用できません：

* ❌ **アニメーション制御** - 複雑なモーション設定
* ❌ **カーソルのカスタマイズ** - カスタムカーソル効果
* ❌ **ミュージックプレーヤー** - オーディオ統合
* ❌ **アナウンスメントバー** - スクロールするプロモーションメッセージ
* ❌ **ホーム画面をスキップ** - 高度なナビゲーション制御
* ❌ **多言語対応** - ロケール管理

より高度なカスタマイズオプションを求める場合は、へのアップグレードを検討してください [Plain Jane](https://docs.openspaces.design/english-ja/readme-1/theme-settings) または [Plain Jane Interactiveへ](https://docs.openspaces.design/english-ja/plain-jane-interactive/theme-settings).

## 設定へのアクセス

テーマ設定にアクセスするには：

1. **Shopify 管理画面** → **オンラインストア** → **テーマ**
2. クリック： **「カスタマイズ」** Plain Jane Starter 上で
3. 左パネルの **歯車アイコン** 左側のサイドバーの を開くために **テーマ設定**

## 構成ワークフロー

### ステップ 1：基礎（15 分）

ブランドを定義する必須の視覚要素から始めます：

1. あなたの [ロゴ](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/logo.md)
2. を設定します [メインテーマカラー](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/main-theme-color.md)
3. 設定する [タイポグラフィ](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/typography.md) （見出しと本文用のフォント）

### ステップ 2：レイアウトと機能（10 分）

ストアの動作方法を構成します：

4. を設定します [コレクションレイアウト](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/collection-layout.md) （ページあたりの製品数、配置）
5. テキストの [カートドロワー](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/cart-drawer.md) （色、幅、挙動）
6. 設定する [グローバルメニュー設定](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/global-menu-settings.md) （配置、色）

### ステップ 3：フッターと SEO（10 分）

ストアのセットアップを完了します：

7. を設定します [フッター設定](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/footer-settings.md) （色、メール登録、ソーシャルリンク）
8. 設定する [SEO設定](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/seo-settings.md) （メタディスクリプション、ファビコン、ソーシャル画像）
9. 設定する： [時計設定](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/clock-settings.md) （ビジネス用のタイムゾーン）

**総構成時間：30～45 分**

## ベストプラクティス

### 開始前に

構成を開始する前にブランド資産を準備してください。ロゴファイルを用意（透過 PNG を推奨）。ブランドカラーパレット（16 進コード）を把握。希望するフォントを選択（またはサンプルを用意）。ファビコン（32x32 ピクセル）を準備してください。

### 構成のヒント

まずタイポグラフィから始めてください。これはストア全体の印象に影響します。色の選択は十分なコントラストと可読性があるかテストしてください。公開前にプレビューモードで変更を確認してください。デザインはシンプルかつ一貫性を保ってください。必ずモバイルデバイスでのテストを行ってください。

### 避けるべき一般的なミス

あまりに多くの異なるフォントを使用する（1～2 ファミリーに留める）。テキストと背景の色のコントラストが不十分。モバイル最適化を無視する。デザインを過度に複雑にする。カートドロワー機能のテストを怠る。ローンチ前に SEO 設定を行わない。

## クイックリファレンス

| 設定          | 目的           | 構成にかかる時間 | 優先度 |
| ----------- | ------------ | -------- | --- |
| ロゴ          | ブランドアイデンティティ | 2 分      | 高   |
| メインテーマカラー   | アクセントカラー     | 1 分      | 高   |
| タイポグラフィ     | ブランドフォント     | 5 分      | 高   |
| コレクションレイアウト | 商品表示         | 3 分      | 高   |
| カートドロワー     | ショッピング体験     | 5 分      | 高   |
| グローバルメニュー   | ナビゲーション      | 3 分      | 中   |
| フッター        | 信頼とリンク       | 5 分      | 中   |
| SEO         | 検索での表示性      | 5 分      | 中   |
| Clock       | タイムゾーン       | 1 分      | 低   |

## サポートを受ける

各設定にはステップバイステップの手順、ベストプラクティスの推奨事項、および一般的なトラブルシューティングのヒントを含む詳細なドキュメントがあります。

追加サポートについて：

* **設定の問題**：個別の設定ガイドを確認してください
* **一般的な質問**: [FAQ とトラブルシューティング](https://docs.openspaces.design/english-ja/plain-jane-starter/faq-and-troubleshooting)
* **技術サポート**：<info@openspaces.design> にお問い合わせください

***

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

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

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

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

始める準備はできましたか？まずはから始めてください [**ロゴ設定**](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/logo.md) でブランドロゴをアップロードしてください。