WoodMartでマルチレベルのドロップダウンメニューナビゲーションを作成する完全なチュートリアルです。

ウェブサイトのナビゲーションをより専門的で分類されたものにしたいですか？ウッドマートのテーマ複数レベルのメニュー作成をサポートする強力なメニュー管理機能を内蔵。ドロップダウンメニューこれは、電子商取引ステーション、ブランドウェブサイトやコンテンツプラットフォームに適しています。簡単な設定だけで、似たような「カーソルを合わせると拡大する」マルチレベルナビゲーション効果を実現できます。

I. 前提条件

始める前に、サイトが以下の条件を満たしていることを確認してください：

ワードプレスはインストールされ、動作している！
WoodMartテーマが使用可能（最新版推奨）
ウッドマートコアプラグインをインストールし、有効にしてください。

II.メニュー構成の作成

手順は以下の通り：

バックエンドで「外観」＞「メニュー」をクリックする。

新しいメニューを作成し、名前を付ける（例：メインメニュー）

左側のページ、カテゴリー、カスタムリンクにチェックを入れ、「メニューに追加」をクリックします。

メニュー項目をドラッグ＆ドロップして階層を設定します：
- 第一階層メニューがナビゲーションバーに直接表示される
- 二次または三次メニュー項目を右に少しドラッグして、入れ子構造にする。

例

モール（1階）
├── 紳士服（レベル2）
Tシャツ（レベル3）
ジャケット（レベル3）
婦人服
アクセサリー

このメニューをメインメニューにする」にチェックを入れる。

保存をクリック

WoodMartドロップダウンメニューのスタイルを有効にする

ウッドマート様々なメニューレイアウトを提供し、マルチレベルメニューをより美しく整然とさせることができます。

セッティング方法：

のいずれかをクリックする。 メニュー・コンポーネント
ポップアップ設定ウィンドウで設定できます：
ドロップダウンタイプ 包含 デフォルトそして全幅 他

IV.メニュー項目にアイコンやラベルを追加する（オプション）

メニューをより人目を引くものにするために、特定のメニュー項目にアイコンやテキストロゴを追加することができます。

操作手順：

メニュー編集画面で、各メニュー項目の右にあるドロップダウン矢印をクリックする。
塗りつぶし可能：
- カスタムCSSクラス（アイコン追加用）
- 説明（字幕表示可）

これらのフィールドが表示されない場合は、ページの右上にある「オプションを表示」をクリックし、表示されているすべての属性にチェックを入れてください。

Font AwesomeやWoodMart独自のアイコンと組み合わせて、「Hot」や「New」といったロゴを表示することができます。

V. モバイル最適化の推奨

ウッドマートには以下が付属している。レスポンシブ・メニューボタンは自動的にハンバーガーボタンに折りたたまれる。
必要であれば、別のセクションでモバイルよりクリーンなバージョンを作るためのメニュー

よくある問題と解決策

課題	治療
メニューがマルチレベル構造を表示しない	ドラッグ中にエラーが発生していないか、ドロップダウンが有効になっていないかを確認する。メニュースタイル
サブメニューがクリックできない	スクリプトのコンフリクトをチェックする。プラグインのテスト
アイコンが表示されない	アイコンのクラス名が正しいことを確認しフォント・オーサム
メガメニューの内容の乱れ	カラム数が多く設定されていないか、非互換性が使用されていないかチェックする。ウィジェット

結語

WoodMartで多階層のドロップダウンメニューを作成すると、訪問者が目的のページを素早く見つけることができ、閲覧効率とコンバージョン率が向上します。初心者の方は基本メニューメガメニューから始めて、徐々にメガメニューのような高度な機能を探求してください。もし、あなたが、フル機能、明確な構造、モバイルフレンドリーなウェブサイトのナビゲーションを作成したいのであれば、WoodMartが提供するツールは十分に強力です。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み