サイド配置メニュー
Plain Jane および Plain Jane Interactive 向け
学べること
サイド配置メニューレイアウトでホームページを作成する方法
背景、メニューリンク、スタイリングをカスタマイズする方法
サイド配置メニューについて
この サイド配置メニュー このレイアウトはロゴとナビゲーションを画面の左側に縦方向に配置します。レイアウトはクリーンでミニマルであり、背景やブランドイメージに視覚的な優先度を与えます。
設定方法
1. クリーンキャンバスで開始する
テーマエディタで既存のセクションをすべて削除します。
次のものだけを残します：
ページキャンバスセクション。
2. サイド配置メニューを追加する
をクリック セクションを追加 > サイド配置メニュー
ナビゲーションが画面の左側に表示されます。
を選択してください： Shopify メニュー でナビゲーションリンクを接続します。
メニューのカスタマイズ
追加後、次の項目を構成できます：
メニュー内容と動作
メニューを選択：Shopify のナビゲーションからメニューを接続します
ソーシャルメディアアイコン："ソーシャルメディアリンクを追加"をクリックして X、TikTok、Threads などのアイコンを追加します
ログインリンクを表示：を表示する位置を選択します（
上部,下部）、または完全に非表示にします
ロゴとリンクのスタイリング
ロゴの配置：左または右
メニューの配置：メニュー内のリンクを左揃えまたは右揃えにします
リンクのテキスト色 / ホバー色
リンクの背景色（ホバー時）
リンクのフォントサイズと垂直間隔
視覚効果
ハイライト効果を無効にする：ホバー時のハイライトスタイルをオフにします
ナビのスケーリングを有効にする：メニュー項目のスケーリングアニメーションを有効にします
背景のカスタマイズ
サイド配置メニューセクションには組み込みの背景オプションが含まれているため、もはや ダイナミック背景 セクションを使用する必要はありません。テーマの新しいバージョンでは、 ダイナミック背景 このレイアウトでは非推奨となっています。
背景スタイルのオプション：
単色：デスクトップとモバイルの色を設定します
画像：デスクトップとモバイルで異なる画像をアップロードします
スライドショー：最大3枚の回転画像スライドを追加します
ビデオ：ビデオ背景をアップロードします（注：低電力モードのiPhoneでは自動再生されない場合があります）
追加の背景設定：
セクションの高さ：フルハイト（100%）またはカスタムに設定します
オーバーレイの色と不透明度:
上部と下部のオーバーレイを別々に制御できます
デスクトップとモバイルで独立した設定
💡 ヒント：テキストと背景の視覚のコントラストを作るためにオーバーレイを使用してください。
このレイアウトを使用するタイミング
次の場合にサイド配置メニューを使用してください：
縦型ナビゲーションでクリーンでモダンなレイアウトを望む場合
背景画像やブランドアートが体験の中心である場合
ホームページでスクロール可能なセクションをあまり使う予定がない場合
ヘルプが必要ですか？
💬 Discordでコミュニティに参加： https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ： [email protected]
💻 ライブチャット： 月曜〜金曜、午前10時〜午後6時（EST）に当社ウェブサイトで直接利用可能
最終更新