QuadMenuのレビュー:WordPressテーマにメガメニューを追加する

, , Leave a comment

ブログやウェブサイトを運営することは、優れたコンテンツを作成することだけでなく、訪問者がそのコンテンツを簡単に見つけてナビゲートできるようにすることでもあります。

私のクアッドメニューレビューでは、(使用しているテーマに関係なく)WordPressサイトにメガメニュー機能を追加する機能を提供することで、そのために役立つツールを共有します。

まず、メガメニューとは何か、必要かどうかについて簡単に説明します。次に、クアッドメニューの機能について説明し、実際のWordPressサイトでどのように機能するかを示します。

メガメニューとは?
「メガメニュー」という用語に慣れていない場合は、ここで簡単に紹介します…

メガメニューは、基本的に通常よりも大きいメニューで、ユーザーがメニュー項目をホバーまたはクリックすると表示されます。特にeコマースストアでは、かなり一般的なアプローチです。これがアマゾンの例です。

メガメニューの例
メガメニューは、より多くの情報を表示し、訪問者にナビゲーションの選択肢を増やすための便利でユーザーフレンドリーな方法を提供します。特にWooCommerceを使用している人は間違いなくそのようなメガメニューを持っているはずです。

Nielsen Norman Groupによれば、メガメニューは「多数のオプションに対応するため、または下位レベルのサイトページを一目で明らかにするための優れたデザインの選択肢です」。

実際のメガメニューの例をもっとご覧になりたい場合は、クアッドメニューのすべてのデモをご覧ください。

あなたのブログにはメガメニューが必要ですか?
メガメニューは、すべてのブログにとって「必須」の機能ではありません。たとえば、現在、ShoutMeLoudはメガメニューを使用していません。

ただし、メガメニューは、ブログ(および他のサイト)にとって確かに役立つ機能です。たとえば、メガメニューを使用して、訪問者を特定のカテゴリに誘導したり、最新の投稿を紹介したり、検索フォームを追加したりできます。

そのため、メガメニューを使用するブロガーがたくさんいるので、メガメニューのメリットをウェブサイトに取り入れられるかどうかを検討する価値はあります。

全体として、訪問者にもっと多くのナビゲーションオプションを提供したい場合は、メガメニューがブログに適しているかもしれません。

QuadMenuレビュー:プラグインの機能
QuadMenuは、WordPressサイトにメガメニュー機能を追加するのに役立つプラグインです。

現在のWordPressテーマにメガメニュー機能が組み込まれていない場合、これは事後にメガメニューサポートを追加するための優れた方法です。

ただし、テーマにすでにメガメニューが含まれている場合でも、クアッドメニューを使用することをお勧めします。これにより、テーマの機能よりも柔軟性が高まる可能性があります。

では、クアッドメニューはどのように機能するのでしょうか。
まず、クアッドメニューは応答性が高いことに注意することが重要です。つまり、ビジターがどのデバイスを使用していても機能します。現在、ほとんどのWebトラフィックはモバイルデバイスで発生するため、これは不可欠です。

次に、クアッドメニューを使用して、4つの異なるタイプのメガメニューレイアウトを作成できます。

水平–デスクトップデバイス。
垂直–デスクトップデバイス。
折りたたみ可能–モバイルデバイス。
キャンバス外–モバイルデバイス。
実際にメガメニューを作成するために、QuadMenuはドラッグアンドドロップビルダーを提供します。

列のレイアウトを変更する
さまざまな新しいコンテンツを追加する
プラグインのプレミアムバージョンでは、WordPressカスタマイザーを使用してメガメニューのスタイルと色を変更し、テーマに一致させることもできます。

クアッドメニューの価格
QuadMenuには、WordPress.orgで無料で試せる限定バージョンがあります。その後、プレミアムバージョンはたったの$ 15から始まります。

注–クアッドメニューのレビューでは、プレミアムバージョンをレビューします。

クアッドメニューのしくみ:実践的な外観
クアッドメニューについてお話ししたので、実際のWordPressサイトでの動作をお見せしましょう。

基本のセットアップ
クアッドメニューを初めてインストールしてアクティブ化するときに、クアッドメニュー→オプションに移動して、基本を構成できます。

ここでは、メガメニューを追加するテーマのメニューを選択できます。たとえば、メインメニューにメガメニューを追加する場合は、メインメニューでクアッドメニューを有効にします。

QuadMenuレビューのセットアップ
ほとんどの場合、クアッドメニューは自動的にテーマに統合されます。ただし、状況によっては、自分でコードを追加する必要がある場合があります(上記を参照)。

[オプション]領域では、メガメニューの外観をカスタマイズすることもできますが、メガメニューの作成方法を説明した後で、そのメニューに戻ります。

WordPressでメガメニューを作成する方法
QuadMenuは、それ自体をネイティブのWordPressメニュー領域([外観]→[メニュー])に統合します。これにより、おなじみの方法でメニューを作成できます。

今だけ、クアッドメニューから新しいオプションを利用できます。

クアッドメニューメニューオプション
コンテナのセットアップ方法
ドロップダウンメガメニューの「コンテナ」を作成するには、クアッドメニューアイテムセクションからメガアイテムを追加します。次に、その上にカーソルを置き、クアッドメニューボタンをクリックして、その他の設定にアクセスします。

クアッドメニューメニュー設定
これにより、メガメニューを構成して新しいコンテンツを追加できる新しいインターフェイスが開きます。

クアッドメニューの構造
コンテンツを追加する
実際にコンテンツを追加するには、[列]タブに移動します。そこで、まずメガメニューの基本的な列構造を選択できます。たとえば、メガメニューのドロップダウンに3つの別々の列が含まれるようにすることができます。

クアッドメニューコンテンツ
次に、列内のプラス+アイコンをクリックしてコンテンツを追加できます。これを行うと、左側から任意のコンテンツを追加できます。

たとえば、検索フォームを追加する場合は、そのチェックボックスをオンにして、[列に追加]をクリックします。

QuadMenu Addメニュー項目
メガメニューに追加できるものはすべて…

クアッドメニューウィジェット:

このセクションでは、WordPressウィジェットをメニューに追加できます。

クアッドメニュー項目:

次のコンテンツ項目の専用セット:

アイコン
カート(WooCommerce用)
探す
ソーシャルネットワーク
ログイン/登録フォーム
タブ
カルーセル
ボタン
QuadMenuアーカイブ:

ページまたは投稿。

3つの列すべてにコンテンツを追加すると、次のようになります。

クアッドメニューは列を追加します
コンテンツを追加したら、歯車のアイコンをクリックして、個々のコンテンツをカスタマイズできます。

たとえば、ボタンを編集すると次のようになります。

QuadMenuコンテンツを追加
メガメニューのスタイリング/編集
この時点で、メガメニューが機能しています。しかし、まだ完成していません…

ほら、私のサイトのメガメニューは今のように見えます:

メガメニューのスタイリングと編集
正常に機能しますが、スタイルがテーマと一致しません。

これを修正するには、いくつかのオプションがあります。

まず、クアッドメニューには、次のようないくつかの人気のあるテーマ/テーマビルダー用の専用統合プラグインが含まれています。

ディビ
ビーバービルダー
Elementor
アストラ
店先
アバダ
合計
GeneratePress
したがって、これらのテーマまたはテーマビルダーのいずれかを使用している場合は、無料のプラグインをインストールして、クアッドメニューをすぐにテーマに合わせることができます。

この例ではAstraテーマを使用しています。QuadMenuプラグインによるAstra用の無料のMega Menuにより、統合が即座に修正されます。

修正例
テーマがサポートされていない場合、または手動でさらに制御したい場合は、クアッドメニュー設定を使用できます。

クアッドメニューのプロバージョン(私がレビューしているバージョン)では、これらの変更をリアルタイムのWordPressカスタマイザーから直接行うことができます。

たとえば、テキストの色を変更すると次のようになります。

Customzierコントロール
全体として、クアッドメニューを使用すると、以下を制御できます。

レイアウト–トリガーの変更、仕切りの追加など
メニュー–色などの基本的なスタイルオプションを選択します。
モバイル–モバイル固有の設定を制御します
ドロップダウン–ドロップダウン自体の色を制御します。
タイポグラフィ–テキスト変換を追加します。
アニメーション–メガメニューが表示されるときのアニメーションを変更します。
無料版を使用している場合でも、これらの設定はすべて編集できます。編集はバックエンドのWordPressダッシュボードから行うだけです。変更をリアルタイムでプレビューできないため、これはそれほど便利ではありません。

クアッドメニューの最後の考え
WordPressにメガメニュー機能を追加する場合、QuadMenuを使用すると、便利で柔軟な方法でそれを行うことができます。

ドラッグアンドドロップビルダーのおかげでメガメニューの作成は簡単です。カスタムメニュー項目とすべてのネイティブWordPressウィジェットを使用する機能のおかげで、メガメニューに含めるコンテンツに多くの柔軟性があります。

クアッドメニューのサポートされているテーマのいずれかを使用している場合、クアッドメニューの外観をテーマのデザインに統合するのは非常に簡単です。そうでない場合は、プラグインの設定をいじって、テーマに一致させる必要があります。

これには少し時間がかかる場合がありますが、クアッドメニューをすべてのテーマに一致させる確実な方法がないため、クアッドメニューのせいではありません。

クワッドメニューには、WordPress.orgで無料で提供されている豊富なバージョンがあり、それが動作するかどうかをテストすることができます。次に、気に入った場合は、プレミアムバージョンがわずか15ドルという非常に手頃な価格で、以下にアクセスできます。

WordPressカスタマイザーのリアルタイムスタイルコントロール
メガメニューで使用するその他のコンテンツウィジェット
ここをクリックして無料版を見つけるか、クアッドメニューWebサイトにアクセスしてプレミアム版を購入できます。

 

Leave a Reply