Max Mega Menu Pro

商品コード: megamenu-pro カテゴリー:

Max Mega Menu Pro」はメガメニュー作成プラグイン「Max Mega Menu」の上位版です。

メガメニューは、メニューを階層的に表示したり、画像・アイコン・テキストなどを交えたリッチなナビゲーションメニューを提供します。

Max Mega Menu Proでは、通常版の機能に加えてWooCommerce のカートボタン追加、モバイル専用メニューの追加、スクロール固定メニューなどがあり、より高度なメガメニューを簡単に実装可能です。

Max Mega Menu Proの利用により、Webサイトのユーザー体験の改善やコンバージョン向上、メガメニュー作成の効率化などが期待できます。

WooCommerce のカートボタン追加

WooCommerceプラグインを利用している場合、カートボタンをメニューに追加可能です。

アイコンをつけたり、現在カートに入っている商品の数量や金額も表示できます。

専用ページを開くことなくメニュー上で購入状況がわかるようになり、ユーザーの利便性が向上します。

 

モバイル専用メニューの設定

モバイルデバイス用に専用のトグルメニューを作成できます。

デザインやメニューの項目も、ウィジェットを使って自由に設定でき、小さな画面でも目的のページにスムーズに到達できます。

WooCommerceのカートボタンも表示可能です。

スクロール固定メニューの設定

スクロール中も固定表示されるメニューを設定できます。
スクロール固定メニューは、スマートフォン用サイトやSPA(シングル・ページ・アプリケーション)のように縦に情報が続くサイトで便利です。

Max Mega Menu Proを使うと、直感的な操作で高度なメガメニューを簡単に設置できます。

デザイナーやエンジニアがいない場合でも、高度なメガメニューを実装してWebサイトのユーザビリティを高めることができるでしょう。

ユーザビリティの向上によりユーザーの獲得や満足度向上だけでなく、良いクチコミの拡散や検索エンジンでの評価などにも良い影響を期待できます。

Max Mega Menu Proでメガメニューを実装し、高品質のWebサイトやWebサービスを目指しましょう。

Max Mega Menu Proの使い方

WooCommerce のカートボタン追加

WooCommeerceを使用している場合、メニュー内に購入したアイテムの合計数や金額を下図のように表示できます。

メニューへの設置は次の手順で行います。

  1. WordPressの [外観] > [メニュー] 管理画面で、メニューに「お買い物カゴページ(下図ではCart)」をを追加します。
  2. メニューに設定されているお買い物カゴページにカーソルを乗せ、ホバー表示される「メガメニュー」をクリックします。
  3. メガメニューの設定画面が開きます。他のメガメニュー項目と同様、レイアウトやアイコン、スタイルを設定できます。
  4. メニュー表示に購入したアイテム数や金額を表示したい場合は、設定画面の「バッジ」ページでバッジのスタイルを選択し、「バッジのテキスト」に以下のショートコードを設定して [変更を保存] します。
    [maxmegamenu_woo_cart_count] : 購入アイテム数を表示
    
    [maxmegamenu_woo_cart_total] : 購入金額を表示

 

モバイル専用メニューの設定

モバイルデバイス用に、専用のメニューを作成できます。

  1. WordPressの管理画面で [外観] > [メニュー] に進み、モバイルデバイス用のメニューを作成します。
  2. 画面下の「メニュー設定」のメニューの位置の項目で、 [携帯用メニュー] にチェックを入れて [保存] します。
  3. メニュー管理画面で「Maxメガメニュー設定」を開き、メガメニューを有効化して保存します。
  4. 通常のメガメニューと同様に、各メニューのスタイルやアイコンを設定します。
    モバイル用のメガメニュー全体の挙動やデザインは、WordPress管理画面の [メガメニュー] > [メニューのテーマ] ぺージの「モバイルメニュー」タブから変更可能です。

 

スクロール固定メニューの設定

スクロール固定メニュー(スティッキー表示)も簡単に設定できます。

  1. WordPressの管理画面で [外観] > [メニュー] に進み、「Maxメニュー設定」の [先頭固定 (スティッキー) 表示] にチェックを入れて有効にします。

    チェックを入れると、次のように重複に関する警告が表示されます。テーマによって競合や重複が発生する場合があるため注意してください。
  2. スティッキー表示を有効化すると、「Maxメニュー設定」内で詳細な設定ができるようになります。必要に応じてデザインや動きを設定してください。

 

Max Mega Menu Proを使うと、直感的な操作で高度なメガメニューを簡単に設置できます。

通常版よりも利用可能なアイコンも多く、デザイン設定の自由度も高まっているのも利点です。

プラグインの利用により、デザイナーやエンジニアがいない場合でも、ユーザビリティに配慮したWebサイト構築が可能になるでしょう。