2. ホームページの設定

Plain Jane および Interactive 向け

⚠️ 注意: この ダイナミック背景 セクションは Plain Jane と Interactive の最新バージョンでは非推奨になりました。代わりに ページキャンバス を使ってください — 背景画像、動画、色などの同等の機能を提供します。

⚠️ 注意: このガイドは ⚠️ 警告:メールログインコードを使用する新しいShopifyアカウントページは Plain Jane Starter ユーザーにも適用されます。

このガイドで学べること

  • 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. 宛先ページを設定します(例: 特定のコレクション)

💡 ヒント: ホームページを必要としない商品重視のブランドに便利です。


📌 最後の注意点

  • すべてのホームページ背景カスタマイズには ページキャンバス を使用してください

  • レイアウトはミニマルで機能的に保ってください

  • 常に保存してリフレッシュし、変更をプレビューしてください

サポートされているレイアウト:

  • センターメニュー(静的ランディング)

  • サイド配置メニュー(最小限の縦型ナビ)

  • コンパクトメニュー(スクロール可能なホームページビルダー)

ヘルプが必要ですか?

  • 💬 技術サポートはこちらのDiscordへ参加してください: https://discord.gg/hcc2GvgZc6

  • 📧 メールでお問い合わせ: [email protected]

  • 💻 ライブチャット: 月〜金、現地時間(EST)10:00〜18:00 に当社ウェブサイトで直接利用可能

最終更新