# ホームページとメニュー ### ホームページレイアウトについて Plain Janeは、ミニマルなドロップからコンテンツ重視のコレクションまで、さまざまなブランドスタイルをサポートする柔軟なホームページシステムを提供します。選択するレイアウトは、ナビゲーション、ビジュアル、およびホームページの流れがユーザーにどのように体験されるかを決定します。 このガイドはに焦点を当てています **Plain Jane 3.0** および **Plain Jane インタラクティブ 2.0**。もしあなたがを使用している場合、 **Plain Jane Starter**これらのホームページレイアウトにアクセスできません。 *** ### 利用可能なホームページレイアウト Plain Janeはを提供します **３つの主要なホームページレイアウト**、それぞれ異なるメニュー／ナビゲーション構造を中心に構築されています： #### 1. **センターメニュー** * Supremeのようなサイトに触発されたデザイン * ロゴが上部中央に配置され、リンクがその下に積み重なる * シンプルなランディング体験に最適 * しばしばフルスクリーンの背景と組み合わせて使われる > 🔗 参照： [センターメニュー](/english-ja/plain-jane-interactive/pages-and-menus/homepage-+-menu/center-menu.md) *** #### 2. **サイド配置メニュー** * メニューが画面の左側に縦位置で配置される * ロゴはリンクの上または下に配置される * クリーンでミニマルな外観 * 画面中央のビジュアルを強調したいブランドに最適 > 🔗 参照： [サイド配置メニュー](/english-ja/readme-1/pages-and-menus/homepage-+-menu/side-aligned-menu.md) *** #### 3. **コンパクト（ハンバーガー）メニュー** * 折りたたまれた「ハンバーガー」アイコンをクリックするとメニュードロワーが表示される * ロゴは中央配置、または左／右寄せが可能 * 複数のセクションを含むスクロール型ホームページを構築したいブランドに理想的 > 🔗 参照： [コンパクトメニューレイアウトの設定](/english-ja/readme-1/pages-and-menus/homepage-+-menu/compact-menu-layout-global-menu.md) *** ### レイアウトに基づく構築 各メニューレイアウトは次と連携するように設計されています： * **ダイナミック背景**：メニューの背後に単色、画像、またはスライドショーの背景を追加します * **セクションブロック**：Collection Lists、Product Carousels、またはImage Streamsのようなホームページセクションを使用してスクロール可能なコンテンツを構築します * **ページキャンバス**：を使用します `ページキャンバス` セクションを重ねて複数のコンテンツブロックを構成する際にホームページを構築するためのセクション > 💡 **ヒント：** コンパクトメニューはスクロールが多いホームページに最適です。中央／サイドメニューはワン画面のランディングページとして最適に機能します。 *** ### ホームページをスキップしたいですか？ テーマ設定でを有効にすることでホームページを完全にバイパスできます **宛先ページを設定します（例: 特定のコレクション）** 。これにより最初の画面としてコレクションまたは商品ページが読み込まれます。 > 🔗 詳しくはこちら： [ホームページスキップ設定](/english-ja/readme-1/theme-settings/skip-home-screen.md) *** ### **ヘルプが必要ですか？** * 💬 **Discordでコミュニティに参加：** * 📧 **メールでお問い合わせ：** * 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応 --- # 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/readme-1/pages-and-menus/homepage-+-menu.md?ask= ``` 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.