メガメニュー

メガメニュー

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

メガメニューは、ユーザーにWebサイトのメニュー商品を行と列で整理して包括的に表示するナビゲーション機能です。適切に設計されたメガメニューは、Webサイトの使いやすさを向上させ、ナビゲーションを強化し、優れたユーザー体験を提供します。これにより、エンゲージメントの向上やコンバージョン率の増加が期待できます。

メガメニューのメリット

  1. サイトナビゲーションの強化による訪問者体験の向上

  2. レイアウト、タイポグラフィ、画像を活用したコンテンツの整理

  3. 論理的なグループやカテゴリによるユーザーフレンドリーさの向上

  4. すべてのメニュー設定を一度に表示することでスクロールの必要を排除

メガメニューを追加するには

  1. 移動先 Configuration-> Menus.

  1. クリック 追加する Menu.

  1. メニュー名前を入力し、mega menu チェックボックスを選択してから、保存をクリックします。

行

初期設定では、メガメニューには1行のみ設定されています。この初期設定の行には4つの列が含まれます。

 

 

 

新しい行を追加する方法

  1. 下部にある行を追加をクリックします。

  1. レイアウトを選択し、OKをクリックします。

行レイアウトの変更方法

  1. 行名の上にあるレイアウトアイコンをクリックします。

  1. レイアウトデザインを選択します。行は自動的に選択したレイアウトに変更されます。

 
現在の列数よりも少ない列数のレイアウトを選択すると、削除された列にあったメニュー項目は、残された列の末尾に移動します。

行の順番を並べ替える方法

  1. レイアウトアイコンの横にある矢印を使用して、行を上下に移動させ、お好みの順序に並べ替えることができます。

  

行を削除する方法

  1. 削除アイコンをクリックします。

  2. 削除をもう一度クリックして確定します。

  

列

新しいMenu商品を追加する方法

  1. 列にカーソルを合わせて、追加するMenu商品をクリックします。



Menu商品として、ページ、外部リンク、ファイル、ブログカテゴリ、テキストを追加できます。.

ページをMenu商品として追加する方法

  1. 任意の箱にマウスポインタを合わせ、クリックして 追加する Menu 商品を選択します。

  1. 左側のパネルから Pageを選択します。

  1. ドロップダウンからページを選択します。

  1. Menu 商品名を入力します。

  1. 表示形式を Text、Heading、または画像から選択します。

  1. 必要に応じて、関連するiconを追加します。

  1. Highlightオプションを有効にすると、メニュー商品が異なるスタイルで表示されます。重要なリンクを目立たせたい場合に便利です。

  1. お好みのHighlight styleを選択し、クリックして保存します。

    

  1. 任意の箱にカーソルを合わせ、「追加する Menu 商品」をクリックします。

  1. 左側のパネルからExternal リンクを選択します。

  1. External リンクのURLを入力します。

  1. ページを新規 タブで開く場合は、該当のトグルを有効にします。

  1. Menu 商品名を入力します。

  1. 表示方法としてText、Heading、または画像のいずれかを選択します。

  1. 必要に応じて関連するiconを追加します。

  1. Highlightオプションを有効にすると、メニュー商品を異なるスタイルで表示できます。重要なリンクを目立たせたい場合などに便利です。

  1. Highlight styleを選択し、その後「保存」をクリックします。

 

リンクを新規タブで開くように設定すると、顧客がWebサイトからリダイレクトされることを防げるため、推奨される運用方法です。


ファイルをメニュー商品として追加する方法

  1. 任意の箱にカーソルを合わせてクリックし、追加する Menu 商品を選択します。

  1. 左側のパネルからFileを選択します。

  1. 「ファイルの追加」をクリックします。画像、テキスト、PDFファイルを追加できます。また、GoogleやPixabayの画像ライブラリから、内蔵の検索機能を使ってファイルを追加することも可能です。

  1. Menu 商品名を入力します。

  1. 必要に応じて関連するiconを追加します。

  1. 「Highlight」オプションを有効にすると、メニュー商品を異なるスタイルで表示できます。重要なリンクを目立たせたい場合に便利です。

  1. お好みのHighlight styleを選択し、「保存」をクリックします。

      

Blogカテゴリーをメニュー商品として追加する方法

  1. 任意の箱にカーソルを合わせ、「メニュー商品を追加する」をクリックします。

  1. 左側のパネルから「Blogカテゴリー」をクリックします。

  1. 「カテゴリーを選択」のドロップダウンからカテゴリーを選択します。

  1. 「メニュー商品名」を入力します。

  1. 表示形式としてテキスト、見出し、または画像のいずれかを選択します。

  1. 必要に応じて、関連するアイコンを追加します。

  1. 「ハイライト」オプションを有効にすると、メニュー商品を異なるスタイルで表示できます。重要なリンクを目立たせたい場合に便利です。

  1. 「ハイライトスタイル」を選択し、「保存」をクリックします。

テキストをメニュー商品として追加する方法

  1. 任意の箱にマウスを合わせ、クリック追加する Menu 商品を選択します。

  1. 左側のパネルでTextをクリックします。

  1. Menu 商品名を入力します。

  1. 必要に応じて、関連するアイコンを追加します。

  1. Highlightオプションを有効にすると、menu 商品が異なるスタイルで表示されます。重要なリンクを目立たせたい場合に便利です。

  1. ハイライトスタイルを選択し、その後、保存をクリックします。

アイコンを追加することで、メガメニューの視覚的な魅力が高まり、さらに使いやすくなります。メガメニューにアイコンを使用するとWebサイトのユーザビリティや全体的なユーザー体験が向上し、訪問者が目的の情報を見つけやすく、効率的にサイトを操作できるようになります。

menu 商品をカラム間で並べ替えるには

既存のmenu 商品を別の列にドラッグ＆ドロップして、他のカラムへ移動できます。
カラム全体を並べ替えることはできません。

メガメニュー項目の名前変更または削除方法

  1. メニュー項目の隣にあるその他の設定アイコン [] をクリックします。
  2. メニュー項目の名前を変更する場合は、名前を変更する をクリックします。
  3. メニュー項目自体を削除するには、削除 をクリックします。
  4. 保存 をクリックします。