メガメニュー

メガメニュー

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

メガメニューは、ユーザーに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. 保存 をクリックします。
 

    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



            Zoho Campaigns Resources

              Zoho WorkDrive Resources




                • Desk Community Learning Series


                • Digest


                • Functions


                • Meetups


                • Kbase


                • Resources


                • Glossary


                • Desk Marketplace


                • MVP Corner


                • Word of the Day


                • Ask the Experts






                        Latest Feature Updates



                                • Related Articles

                                • メガメニュー

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

                                • ビジュアルエディター：ヘッダー

                                  お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 ヘッダーにおけるすべての機能利用可能を見ていきましょう。 サイト名前 サイトキャプション メインメニュー サブメニュー メガメニュー メニューハイライト ヘッダーテーマ トップ棒グラフ 連絡先Info ソーシャルアイコン Member ポータル

                                • ビジュアルエディター

                                  お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 テンプレートをお好みのスタイルに仕上げましょう。Webサイトのプロパティ（プリセットカラースキーム、ヘッダーのレイアウト、バナーのレイアウト、その他）を複雑なコードを使わずにカスタマイズできます。ビジュアルエディターを開き、希望のオプションを選択して編集を開始してください。 ...

                                • 異なるメニュー項目

                                  お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 Zoho Sitesのメニューに様々な種類の商品を追加できます。まずはMenu 商品の追加から始めます。 Menuの追加 新しいメニューを追加するには、Configuration > Menusに移動し、Menuの追加をクリックします。 メニュー名を入力し、保存をクリックします。 ...

                                Resources

                                Videos

                                Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                eBooks

                                Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                Webinars

                                Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                CRM Tips

                                Make the most of Zoho CRM with these useful tips.