WordPressでグローバルメニューのデザイン等をカスタマイズしたいという場合に、スタイルシートの設定などがなかなか難しいケースがあります。

WordPressのプラグインである「Max Mega Menu」を利用することで、レスポンシブ対応でかっこいいグローバルメニューを手軽に設置でき、デザインのカスタマイズがWordPressの管理画面で出来るようになります。

今回はこの「Max Mega Menu」のご紹介です。

Max Mega Menuについて分かりやすいサイトのご紹介

Max Mega Menuについては、以下のサイトが分かりやすいのでご紹介します。

参考WordPressに簡単最強レスポンシブ「Max Mega Menu」

Max Mega Menuのインストール方法

  1. WordPressの管理画面から左サイドバーにある「プラグイン」より「新規追加」をクリック
  2. 画面右上にある薄い文字で「プラグインの検索」と見える入力ボックスに「Max Mega Menu」を入力かコピペしてリターンを押す
  3. 画面左上に「Max Mega Menu」が表示されているはずなので、「今すぐインストール」をクリック
  4. 画面が切り替わったら「プラグインを有効化」をクリックして完了

なお、インストール後に必要な設定は特にありません。

デザインのカスタマイズ

Max Mega Menuが生成したグローバルメニューのデザイン変更は以下より行うことができます。

  • WordPressの管理画面、左サイドバーにある「Mega Menu」より「Menu Themes」をクリック
  • 以下の項目より適宜デザインを変更
    • General Settings
    • Menu Bar
    • Mega Menus
    • Flyout Menus
    • Mobile Menu
    • Custom Styling

なお、当サイトも利用しているWordPressのテンプレート『賢威7』でMax Mega Menuを設置する方法については以下の記事をご覧ください。

関連記事賢威7で「Max Mega Menu」プラグインを設置する方法