# テーマのインストール

このガイドは、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ファイルが壊れていないか確認してください
* 別のブラウザを試す
* ブラウザのキャッシュをクリアしてください

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

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

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

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

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

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

## 次のステップ

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

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

***

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

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

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

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

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/english-ja/plain-jane-starter/getting-started/installing-the-theme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.