2. ホームページの設定
Plain Jane と Interactive 向け
⚠️ 注意:
ダイナミック背景セクションは最新のPlain JaneおよびInteractiveのバージョンでは非推奨になりました。代わりにページキャンバスを使用してください — 背景画像、動画、色などに同等の機能を提供します。⚠️ 注意: このガイドは サポートしていません Plain Jane Starter ユーザーにも適用されます。
学べること
Plain Jane v3 および Interactive v2 でホームページのレイアウトをカスタマイズする方法
センターメニュー、サイド配置メニュー、コンパクトメニューを追加・設定する方法
最良の結果を得るために各レイアウトをいつ使うべきか
メニューをリンクしナビゲーションを管理する方法
必要に応じてホームページを完全にスキップする方法
🛠️ 新規ユーザー向け: メニューの設定
移動先: オンラインストア > ナビゲーション を Shopify 管理画面で。
クリック: メニューを追加 し、例えば次のような名前を付けます
テストメニュー.次のようなメニュー項目を追加します:
メンズ→ メンズコレクションへのリンクルックブック→ カスタムページやホームページへのリンクお問い合わせ→ Shopify の組み込みお問い合わせページへのリンク
クリック: 保存.
🎨 レイアウト1: センターメニュー
これは最も人気のあるレイアウトです(例: Supreme風のホームページ)。
設定方法
テーマを テキストの エディタで開きます。
次のセクションが存在することを確認してください:
プリローダーメールポップアップページキャンバスセンターメニュー
💡 ヒント:
ページキャンバスは非推奨のダイナミック背景セクションを置き換えます。背景画像や色に使用してください。
メニューをリンクする
をクリックします
センターメニューセクション右側パネルで、 ドロップダウンからメニューを選択します (例:
テストメニュー)
ソーシャルメディアアイコン
アイコンを切り替え オンにする
プロフィールの完全なURLを貼り付けます(例: TikTok、Threads、Tumblr)
💡 ヒント: センターメニューの下にスクロール可能なコンテンツを追加しないでください。すっきりとシンプルに保ちましょう。
🎨 レイアウト2: サイド配置メニュー
縦に最小限のメニューを望むブランドに適しています。
セットアップ手順
テーマエディタで、
センターメニュー.クリック: セクションを追加 >
サイド配置メニュー右側パネルからメニューを選択します
カスタマイズオプション
調整: フォントサイズ, リンク間隔、および 色
切り替え: ログインリンク 表示(お客様アカウントが有効である必要があります)
を選択 ロゴの配置 (左または右)
変更: フォントファミリー の下で
テーマ設定 > タイポグラフィ
💡 ヒント: このレイアウトの下に製品セクションを積み重ねるのは避けてください—スクロールに向いていません。
🎨 レイアウト3: コンパクトメニュー
このレイアウトは右上にハンバーガーアイコンを特徴とします。
セットアップ手順
を追加します
コンパクトメニューセクションテーマ設定 > グローバルメニュー設定 の下でメニューをリンクします
ロゴを好きなように中央揃えまたは配置してください背景+コンテンツを追加
を使用して:
セクションで次を行います:
ページキャンバス背景色を設定するか画像をアップロードする次のようなセクションを追加します
商品カルーセル
コレクションリストまたは⚠️ 警告: これは
唯一推奨される スクロール可能なホームページ用のレイアウトです。 🚀 ホームページをスキップする(任意)
訪問者を直接コレクションに送りたいですか?
テーマ設定 > ホームページ設定
移動先:
エントリースクリーンをスキップ有効にする 宛先ページを設定します(例: 特定のコレクション)
💡 ヒント: これはホームページを必要としない製品重視のブランドに便利です。
📌 最後の注意点
すべてのホームページ背景のカスタマイズには
を使用してください ページキャンバス レイアウトは最小限で機能的に保ちましょう
変更をプレビューするには必ず保存してリフレッシュしてください
サポートされるレイアウト:
センターメニュー(静的ランディング)
サイド配置メニュー(最小限の垂直ナビ)
コンパクトメニュー(スクロール可能なホームページビルダー)
ヘルプが必要ですか?
💬 技術サポートはDiscordで参加してください: https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ: [email protected]
💻 ライブチャット: 月〜金、現地時間午前10時〜午後6時(EST)に当社ウェブサイトで直接対応
最終更新