search

ホームページとメニュー

Plain Jane および Plain Jane Interactive 向け

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

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

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

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

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

hashtag
1. センターメニュー

  • Supremeのようなサイトに触発されたデザイン

  • ロゴが上部中央に配置され、リンクがその下に積み重なる

  • シンプルなランディング体験に最適

  • しばしばフルスクリーンの背景と組み合わせて使われる

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

hashtag
2. サイド配置メニュー

  • メニューが画面の左側に縦位置で配置される

  • ロゴはリンクの上または下に配置される

  • クリーンでミニマルな外観

  • 画面中央のビジュアルを強調したいブランドに最適

🔗 参照： サイド配置メニュー

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

  • 折りたたまれた「ハンバーガー」アイコンをクリックするとメニュードロワーが表示される

  • ロゴは中央配置、または左／右寄せが可能

  • 複数のセクションを含むスクロール型ホームページを構築したいブランドに理想的

🔗 参照： コンパクトメニューレイアウトの設定

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

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

  • ダイナミック背景：メニューの背後に単色、画像、またはスライドショーの背景を追加します

  • セクションブロック：Collection Lists、Product Carousels、またはImage Streamsのようなホームページセクションを使用してスクロール可能なコンテンツを構築します

  • ページキャンバス：を使用します ページキャンバス セクションを重ねて複数のコンテンツブロックを構成する際にホームページを構築するためのセクション

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

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

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

🔗 詳しくはこちら： ホームページスキップ設定

hashtag
ヘルプが必要ですか？

前へページとメニュー次へセンターメニュー

最終更新