# 2. ホームページの設定

{% embed url="<https://youtu.be/KpO8Wdo-LeI>" %}

{% hint style="info" %}

> ⚠️ 注意: `ダイナミック背景` セクションは最新のPlain JaneおよびInteractiveのバージョンでは非推奨になりました。代わりに `ページキャンバス` を使用してください — 背景画像、動画、色などに同等の機能を提供します。
>
> ⚠️ 注意: このガイドは **サポートしていません** Plain Jane Starter ユーザーにも適用されます。
> {% endhint %}

### 学べること

* Plain Jane v3 および Interactive v2 でホームページのレイアウトをカスタマイズする方法
* センターメニュー、サイド配置メニュー、コンパクトメニューを追加・設定する方法
* 最良の結果を得るために各レイアウトをいつ使うべきか
* メニューをリンクしナビゲーションを管理する方法
* 必要に応じてホームページを完全にスキップする方法

>

***

### 🛠️ 新規ユーザー向け: メニューの設定

1. 移動先： **オンラインストア** > **ナビゲーション** を Shopify 管理画面で。
2. クリック： **メニューを追加** し、例えば次のような名前を付けます `テストメニュー`.
3. 次のようなメニュー項目を追加します:
   * `メンズ` → メンズコレクションへのリンク
   * `ルックブック` → カスタムページやホームページへのリンク
   * `お問い合わせ` → Shopify の組み込みお問い合わせページへのリンク
4. クリック： **保存**.

***

### 🎨 レイアウト1: センターメニュー

これは最も人気のあるレイアウトです（例: Supreme風のホームページ）。

#### 設定方法

1. テーマを **テキストの** エディタで開きます。
2. 次のセクションが存在することを確認してください:
   * `プリローダー`
   * `メールポップアップ`
   * `ページキャンバス`
   * `センターメニュー`

> 💡 ヒント: `ページキャンバス` は非推奨の `ダイナミック背景` セクションを置き換えます。背景画像や色に使用してください。

#### メニューをリンクする

* をクリックします `センターメニュー` セクション
* 右側パネルで、 **ドロップダウンからメニューを選択します** （例: `テストメニュー`)

#### ソーシャルメディアアイコン

* アイコンを切り替え **オンにする**
* プロフィールの完全なURLを貼り付けます（例: TikTok、Threads、Tumblr）

> 💡 ヒント: センターメニューの下にスクロール可能なコンテンツを追加しないでください。すっきりとシンプルに保ちましょう。

***

### 🎨 レイアウト2: サイド配置メニュー

縦に最小限のメニューを望むブランドに適しています。

#### セットアップ手順

1. テーマエディタで、 `センターメニュー`.
2. クリック： **セクションを追加** > `サイド配置メニュー`
3. 右側パネルからメニューを選択します

#### カスタマイズオプション

* 調整: **フォントサイズ**, **リンク間隔**、および **色**
* 切り替え： **ログインリンク** 表示（お客様アカウントが有効である必要があります）
* を選択 **ロゴの配置** （左または右）
* 変更: **フォントファミリー** の下で `テーマ設定 > タイポグラフィ`

> 💡 ヒント: このレイアウトの下に製品セクションを積み重ねるのは避けてください—スクロールに向いていません。

***

### 🎨 レイアウト3: コンパクトメニュー

このレイアウトは右上にハンバーガーアイコンを特徴とします。

#### セットアップ手順

1. を追加します `コンパクトメニュー` セクション
2. テーマ設定 > グローバルメニュー設定 の下でメニューをリンクします `ロゴを好きなように中央揃えまたは配置してください`
3. 背景＋コンテンツを追加

#### を使用して:

* セクションで次を行います: `ページキャンバス` 背景色を設定するか画像をアップロードする
  * 次のようなセクションを追加します
* 商品カルーセル `コレクションリスト` または `⚠️ 警告: これは`

> 唯一推奨される **スクロール可能なホームページ用のレイアウトです。** 🚀 ホームページをスキップする（任意）

***

### 訪問者を直接コレクションに送りたいですか？

テーマ設定 > ホームページ設定

1. 移動先： `エントリースクリーンをスキップ`
2. 有効にする **宛先ページを設定します（例: 特定のコレクション）**
3. 💡 ヒント: これはホームページを必要としない製品重視のブランドに便利です。

> 📌 最後の注意点

***

### すべてのホームページ背景のカスタマイズには

* を使用してください **ページキャンバス** レイアウトは最小限で機能的に保ちましょう
* 変更をプレビューするには必ず保存してリフレッシュしてください
* サポートされるレイアウト:

センターメニュー（静的ランディング）

* サイド配置メニュー（最小限の垂直ナビ）
* コンパクトメニュー（スクロール可能なホームページビルダー）
* &#x20;

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

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