コンテンツへスキップ
今すぐ購入

LingHang テーマ Mega Menu 使用チュートリアル——工業・製造業サイトのナビゲーションをより効率的に

企業サイトのナビゲーションメニューは、訪問者がサイトに入って最初に操作する入り口です。工業、製造業、および貿易会社にとって、製品カテゴリが多く、型番が複雑なため、従来のドロップダウンメニューでは多数のサブ項目を収容しきれず、ユーザーが重要な情報を見つけられないことがよくあります。LingHang テーマは、工業製造業向けに設計された軽量なWordPress 企業テーマであり、強力な Mega Menu 機能を内蔵しているため、プラグインを一切必要とせずに、美しく多列のスーパーメニューを作成できます。本記事では、図解形式で手順を追って設定方法を説明します。

始める前に、LingHang テーマの基本設定、例えばLingHang テーマに製品を追加する方法を確認し、製品カテゴリがすでに作成されていることをお勧めします。Mega Menu の核心的な価値は、複数のカテゴリやカスタムリンクを1つのワイドパネルに統合できることであり、„製品シリーズ“や„導入事例“など階層の深いコンテンツの表示に最適です。

ステップ1:Mega Menu コンテンツを作成する

Linghang theme mege menu

Mega Menu は WordPress のメニューシステムに基づいて構築されていますが、コンテンツ自体はまずカスタム投稿タイプで作成する必要があります。LingHang テーマには既に„Mega Menu“コンテンツタイプが用意されています。初心者ユーザーが自分で Mega Menu をデザインできないことを考慮し、LingHang テーマに付属の Mega Menu サンプルから始めることができます。

Mega Menu サンプルから必要なサンプルタイプを選択し、新しい Mega Menu を作成します。

ステップ2:メニュー項目のリンクを編集する

编辑刚才创建的Mega Menu链接为自己需要的链接

Mega Menu コンテンツを作成したら、サンプル内にデフォルトで挿入されているリンクとコンテンツを編集します。リンクが足りない場合は、Enter キーを押して追加できます。

すべてのリンクとコンテンツを修正したら、Mega Menu を保存します。

ステップ3:メインナビゲーションを設定し、フロントエンドの効果を確認する

进入外观→菜单,选择主导航菜单,在需要启用Mega Menu的菜单上勾选启用Mega Menu,下面选择刚才创建的Mega Menu,保存前台就可以看到效果

次に、外観のメニューに戻り、メニュー編集画面の上部で、選択しているメニューが„メインナビゲーションメニュー“(サイトのトップナビゲーションバーに表示されるメニュー)であることを確認します。

Mega Menu を表示したいメニューリンクを展開し、„Mega Menu を有効にする“にチェックを入れ、下の Mega Menu サンプルで先ほど作成した Mega Menu を選択します。

メニューを保存し、サイトのフロントエンドにアクセスして効果を確認します。

まとめ:Mega Menu で工業サイト構築の効率を向上させる

LingHang テーマの Mega Menu 機能により、WordPress 企業テーマの多階層ナビゲーションがブロックを積むように簡単になります。工業サイト構築の初心者でも、貿易会社のマーケティング担当者でも、複雑なコードを学ぶ必要はなく、数分でカスタム開発に匹敵するナビゲーションシステムを作成できます。テーマに付属の Gutenberg ブロックとクイックサイト構築ツールを組み合わせれば、企業サイトを1日で立ち上げることができます。