中央メニュー

あなたが学ぶこと

  • センターメニュー レイアウトを使ってホームページを作成する方法

  • メニューのリンクを接続し、フォント、色、配置をカスタマイズする方法

センターメニューについて

この センターメニュー このレイアウトはロゴとナビゲーション項目をページ中央に縦に積み重ねて配置します。Supreme のようなブランドに触発されており、スクロールを最小限に抑えた高いインパクトのランディング体験を求めるストア向けに設計されています。

このレイアウトは、強い背景（画像またはビデオ）と最小限のホームページコンテンツと組み合わせると最適に機能します。

⚠️ この ダイナミック背景 セクションは最新のテーマバージョンで非推奨になりました。背景のカスタマイズはすべてセンターメニューセクション内で直接行ってください。

設定方法

1. クリーンキャンバスから始める

  • テーマエディタで、次以外のすべてのセクションを削除します ページキャンバス.

2. センターメニューセクションを追加する

  • クリック セクションを追加 > センターメニュー

  • ロゴとメニューがページ中央に表示されます

3. ナビゲーションメニューを接続する

  • センターメニューの設定で、ドロップダウンから Shopify メニューを選択します

  • まだメニューがない場合：

    • に移動 Shopify管理 > オンラインストア > ナビゲーション を作成してください

センターメニューのカスタマイズ

ロゴ設定

  • Clock： ライブストアの時計表示を有効または無効にします

  • 日付フォーマット： 好みの日付形式を選択します

  • 時刻カラー： 時計のテキスト色をカスタマイズします

メニュー構成

  • メニューを選択： ナビゲーションを接続します

  • 配置： リンクを左寄せ、中央、右寄せで揃えます

  • ログインリンクを表示： 任意で顧客ログインボタンを表示します

スタイリングオプション

  • リンク文字色

  • リンク文字色（ホバー時）

  • リンク背景色（ホバー時）

  • リンクのフォントサイズ

  • リンクの垂直間隔

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

  • セクション内のソーシャルメディアリンクブロックで X、Instagram、TikTok などのリンクを追加できます

背景オプション

センターメニューセクションでは次の背景タイプが使用できます：

  • 単色： デスクトップとモバイルで異なる色を設定します

  • 画像： デバイスごとに背景画像をアップロードします

  • スライドショー： 最大 3 枚の画像を順次表示できます

  • ビデオ： ループ再生するビデオ背景を追加します（注：iOS で低電力モードが有効な場合、動画が自動再生されないことがあります）

追加設定

  • セクションの高さ： 全高に設定するか手動で調整します

  • オーバーレイオプション:

    • 上下のオーバーレイ色と不透明度を調整します

    • デスクトップとモバイルで個別に設定できます

💡 ヒント: オーバーレイを使うと、背景画像やビデオに対して白や明るいテキストが目立つようになります。

このレイアウトを使うべきタイミング

次の場合にセンターメニュー レイアウトを使用してください：

  • 大胆でミニマルなホームページにしたい場合

  • 最初のインタラクションを高い視覚的インパクトを持つシンプルなメニューにしたい場合

  • トラフィックをコレクションや商品ページに直接誘導したい場合

ヘルプが必要ですか？

  • 💬 Discord のコミュニティに参加してください： https://discord.gg/hcc2GvgZc6

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

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

前へホームページ + メニュー次へサイド配置メニュー

最終更新