← すべてのガイド

Choosing the Right Menu

Tab bar, mega menu, or mobile menu — which one fits my store?

Shopifyメガメニューの設計原則:レイアウト、画像比率、カテゴリー分類、アーキテクチャ
→ 12 分で読めます

Shopifyメガメニューの設計原則:レイアウト、画像比率、カテゴリー分類、アーキテクチャ

高い購買率を生むShopifyメガメニューの情報設計を体系的に解説。70/30のテキスト画像比率、列数の限界、Liquidブロックの制約、モバイル最適化を徹底網羅。

Shopifyメニュー完全ガイド:アーキテクチャ、ナビゲーションパターン、モバイル人間工学、ストアフロントUX
→ 13 分で読めます

Shopifyメニュー完全ガイド:アーキテクチャ、ナビゲーションパターン、モバイル人間工学、ストアフロントUX

Shopifyのメニュー設計を徹底解説:ネイティブの3階層制限を理解し、ドロップダウン、メガメニュー、ドロワー、タブバーの使い分けや実機検証まで網羅します。

Shopifyマルチレベルメニューの設計:ネストされた階層、ディープナビゲーション、店舗案内UX
→ 13 分で読めます

Shopifyマルチレベルメニューの設計:ネストされた階層、ディープナビゲーション、店舗案内UX

Shopifyのマルチレベルメニュー設計:3階層の上限、メガメニューとフライアウトの比較、モバイルのドリルダウンとアコーディオン、DOMサイズ、診断チェックリスト。

Shopifyヘッダーナビゲーションの設計思想:レイアウトモデル、空間配分、ユーティリティ配置、ブレークポイント対策
→ 13 分で読めます

Shopifyヘッダーナビゲーションの設計思想:レイアウトモデル、空間配分、ユーティリティ配置、ブレークポイント対策

Shopifyのヘッダーナビゲーションを計画:インライン、分割、2段構成を比較し、ユーティリティリンクをメインメニューから分離し、ノートPCの画面幅でテストする方法を解説。

Shopifyでヘッダーとフッターメニューを固定(Sticky)にする方法(コード編集不要)
→ 10 分で読めます

Shopifyでヘッダーとフッターメニューを固定(Sticky)にする方法(コード編集不要)

Shopifyでヘッダーとフッターメニューを固定表示:テーマの固定ヘッダー設定、コンテンツが隠れる不具合の解消、モバイル下部タブバーの導入手順。

Navi+ で始めましょう

プラットフォームを選択してください — 無料でインストール、数分でライブ。