# はじめに

ようこそ **Plain Jane Interactiveへ** — 組み込みのアニメーションとインタラクティブ機能を備えた、モダンでダイナミックなレイアウトを求めるクリエイティブなブランド向けに設計された、Plain Jane Shopifyテーマの最も進化したバージョンです。

このガイドは、ストアのセットアップとカスタマイズを始めから終わりまで行うための重要な手順を案内します。

{% stepper %}
{% step %}
**Plain Janeテーマのインストール**

テーマをShopifyストアに追加し、ZIPファイルをアップロードして、ライブサイトを乱さずに安全に公開する方法を学びます。\
[➡️ Plain Janeテーマのインストール](https://docs.openspaces.design/english-ja/plain-jane-interactive/getting-started/1.-installing-the-plain-jane-theme)

***

{% endstep %}

{% step %}
**ホームページの設定**

ホームページのレイアウト、ヒーローセクション、注目コレクションをカスタマイズして、クリーンで編集的な第一印象を作る方法を発見してください。\
[➡️ ホームページの設定](https://docs.openspaces.design/english-ja/plain-jane-interactive/getting-started/2.-setting-up-your-homepage)
{% endstep %}

{% step %}
**コレクションページの作成とカスタマイズ**

柔軟なグリッドオプション、フィルター、サイドバーのレイアウトで商品コレクションを整理します。各見た目の間隔、タイポグラフィ、ホバースタイルの制御方法を学べます。\
[➡️ コレクションページの作成とカスタマイズ](https://docs.openspaces.design/english-ja/plain-jane-interactive/getting-started/3.-creating-and-customizing-your-collections-page)

***

{% endstep %}

{% step %}
**商品ページの作成とカスタマイズ**

ミニマルなレイアウトから完全にインタラクティブなギャラリーまで、商品ページのオプションを探ります。このセクションでは商品メディア、バリアントオプション、推奨される商品ブロックを扱います。\
[➡️ 商品ページの作成とカスタマイズ](https://docs.openspaces.design/english-ja/plain-jane-interactive/getting-started/4.-creating-and-customizing-your-product-page)
{% endstep %}

{% step %}
**パスワードページとメールのウェイトリストの設定**

近日発売やプライベートローンチのためのパスワード保護ページとメールのウェイトリスト連携の設定方法を学びます。\
[➡️ パスワードページとメールのウェイトリストの設定](https://docs.openspaces.design/english-ja/plain-jane-interactive/getting-started/5.-setting-up-password-pages-and-email-waitlist)
{% endstep %}
{% endstepper %}