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