# ホームページとメニュー

### ホームページレイアウトについて

Plain Janeは、ミニマルなドロップからコンテンツ重視のコレクションまで、さまざまなブランドスタイルをサポートする柔軟なホームページシステムを提供します。選択するレイアウトは、ナビゲーション、ビジュアル、およびホームページの流れがユーザーにどのように体験されるかを決定します。

このガイドはに焦点を当てています **Plain Jane 3.0** および **Plain Jane インタラクティブ 2.0**。もしあなたがを使用している場合、 **Plain Jane Starter**これらのホームページレイアウトにアクセスできません。

***

### 利用可能なホームページレイアウト

Plain Janeはを提供します **３つの主要なホームページレイアウト**、それぞれ異なるメニュー／ナビゲーション構造を中心に構築されています：

#### 1. **センターメニュー**

* Supremeのようなサイトに触発されたデザイン
* ロゴが上部中央に配置され、リンクがその下に積み重なる
* シンプルなランディング体験に最適
* しばしばフルスクリーンの背景と組み合わせて使われる

> 🔗 参照： [https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-interactive/pages-and-menus/homepage-+-menu/broken-reference/README.md](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-interactive/pages-and-menus/homepage-+-menu/broken-reference/README.md "mention")

***

#### 2. **サイド配置メニュー**

* メニューが画面の左側に縦位置で配置される
* ロゴはリンクの上または下に配置される
* クリーンでミニマルな外観
* 画面中央のビジュアルを強調したいブランドに最適

> 🔗 参照： [side-aligned-menu](https://docs.openspaces.design/english-ja/plain-jane-interactive/pages-and-menus/homepage-+-menu/side-aligned-menu "mention")

***

#### 3. **コンパクト（ハンバーガー）メニュー**

* 折りたたまれた「ハンバーガー」アイコンをクリックするとメニュードロワーが表示される
* ロゴは中央配置、または左／右寄せが可能
* 複数のセクションを含むスクロール型ホームページを構築したいブランドに理想的

> 🔗 参照： [コンパクトメニューレイアウトの設定](https://docs.openspaces.design/english-ja/plain-jane-interactive/pages-and-menus/homepage-+-menu/compact-menu-layout-global-menu)

***

### レイアウトに基づく構築

各メニューレイアウトは次と連携するように設計されています：

* **ダイナミック背景**：メニューの背後に単色、画像、またはスライドショーの背景を追加します
* **セクションブロック**：Collection Lists、Product Carousels、またはImage Streamsのようなホームページセクションを使用してスクロール可能なコンテンツを構築します
* **ページキャンバス**：を使用します `ページキャンバス` セクションを重ねて複数のコンテンツブロックを構成する際にホームページを構築するためのセクション

> 💡 **ヒント：** コンパクトメニューはスクロールが多いホームページに最適です。中央／サイドメニューはワン画面のランディングページとして最適に機能します。

***

### ホームページをスキップしたいですか？

テーマ設定でを有効にすることでホームページを完全にバイパスできます **宛先ページを設定します（例: 特定のコレクション）** 。これにより最初の画面としてコレクションまたは商品ページが読み込まれます。

> 🔗 詳しくはこちら： [ホームページスキップ設定](https://docs.openspaces.design/english-ja/plain-jane-interactive/theme-settings/skip-home-screen)

***

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

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応