# テーマのインストール

このガイドは、Shopifyストアに Plain Jane Starter v1.0.0 をインストールする手順を案内します。

## 前提条件

インストール前に、以下を確認してください：

* ✅ **Shopifyストア** - 任意のShopifyプラン（Basic、Shopify、Advanced）
* ✅ **管理者アクセス** - ストアオーナーまたはテーマ権限を持つスタッフ
* ✅ **テーマファイル** - OPENSPACESからの Plain Jane Starter v1.0.0 の zip ファイル

## インストール方法

### 方法1：テーマファイルをアップロード（推奨）

1. **テーマをダウンロードする**
   * 以下を確認してください `plain-jane-starter-v1.0.0.zip` （OPENSPACESから）
   * ファイルを解凍しないでください
2. **Shopify管理画面にアクセス**

   ```
   移動先：ストア管理 → オンラインストア → テーマ
   ```
3. **テーマをアップロード**
   * クリック： **「テーマを追加」** ボタン
   * を選択します **「zipファイルをアップロード」**
   * あなたのファイルを選択 `plain-jane-starter-v1.0.0.zip` ファイル
   * クリック： **「アップロード」**

\
\&#xNAN;*自動でキャプチャ: 2025-07-17*

4. **アップロードを待つ**
   * Shopifyがテーマを処理します
   * 通常30〜60秒ほどかかります
   * テーマライブラリに「Plain Jane Starter」が表示されます

### 方法2：テーマストア（利用可能な場合）

Plain Jane Starter が Shopify テーマストアで利用可能な場合：

1. **テーマストアを訪問**

   ```
   管理 → オンラインストア → テーマ → テーマストアを訪問
   ```
2. **Plain Jane を検索**
   * 検索バーで：「Plain Jane Starter」
   * 公式の OPENSPACES テーマを選択
3. **テーマをインストール**
   * クリック： **「テーマを追加」**
   * インストールを確認

## インストール後の手順

### 1. インストール確認

アップロード後、以下が表示されるはずです：

* **テーマ名**： 「Plain Jane Starter」
* **バージョン**： v1.0.0
* **開発者**： OPENSPACES
* **ステータス**： 非公開（初期状態）

\
\&#xNAN;*自動でキャプチャ: 2025-07-17*

### 2. 公開前にプレビュー

⚠️ **重要**： 公開する前に必ずプレビューしてください

1. **「Actions」→「Preview」をクリックする**
2. **重要なページをテスト**:
   * ホームページ
   * コレクションページ
   * 商品ページ
   * 会社概要ページ
   * お問い合わせページ
3. **モバイル表示を確認**
   * ブラウザのデベロッパーツールを使用
   * レスポンシブデザインをテスト
   * モバイルのナビゲーションを確認

### 3. 現在のテーマをバックアップ（置換する場合）

既存のテーマを置き換える場合：

1. **現在のテーマをダウンロード**
   * 現在のテーマで「アクション」をクリック
   * 「テーマファイルをダウンロード」を選択
   * バックアップとして保存
2. **現在の設定を記録**
   * テーマ設定のスクリーンショットを撮る
   * 重要なカスタマイズをメモする
   * 必要に応じて顧客データをエクスポート

## テーマの公開

### 公開するタイミング

以下を満たした後にのみ公開してください：

* ✅ プレビューが正しく表示される
* ✅ 重要なページがテスト済みである
* ✅ モバイル版が確認済みである
* ✅ 現在のテーマがバックアップされている（該当する場合）

### 公開手順

1. **最終プレビューの確認**
   * ストアの最終確認を行う
   * ショッピングカートの機能をテストする
   * お問い合わせフォームが動作することを確認する
2. **テーマを公開**
   * クリック： **「アクション」→「公開」**
   * 本番に切り替えることを確認してください
   * ストアは即座に Plain Jane Starter に切り替わります
3. **公開サイトをテスト**
   * ストアのURLを訪問
   * チェックアウトプロセスをテストする
   * すべてのページが正しく読み込まれることを確認する

## 一般的なインストール問題

### アップロードに失敗する

**問題**： Zipファイルがアップロードできない **解決策**:

* ファイルが50MB未満であることを確認してください
* zipファイルが壊れていないか確認してください
* 別のブラウザを試す
* ブラウザのキャッシュをクリアしてください

### テーマが壊れているように見える

**問題**： インストール後にテーマの表示が正しくない **解決策**:

* テーマが実際に公開されているか確認してください
* ブラウザのキャッシュをクリアしてください
* シークレット/プライベートモードでテストする
* ファイルが破損していないか確認してください

### 機能が表示されない

**問題**： 期待していた機能が表示されない **解決策**:

* これはスターター版（機能が制限されています）であることを忘れないでください
* 確認する [機能と制限](https://docs.openspaces.design/english-ja/plain-jane-starter/getting-started/theme-features-and-limitations)
* 正しいテーマファイルであることを確認してください

## 次のステップ

インストールが成功した後：

1. **基本設定を構成する** - [基本セットアップガイド](https://docs.openspaces.design/english-ja/plain-jane-starter/getting-started/basic-setup)
2. **外観をカスタマイズする** - [基本設定](https://docs.openspaces.design/english-ja/plain-jane-starter/getting-started/essential-configuration)
3. **コンテンツを追加する** - 商品、画像、および文言

***

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

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

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

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

👉 **次のステップ**: [基本設定](https://docs.openspaces.design/english-ja/plain-jane-starter/getting-started/basic-setup) - 重要なテーマ設定を構成してください。