QuadMenu レビュー: WordPress 向けの簡単で強力なメガメニュー
WordPress メガメニュー プラグインの世界では、QuadMenu が際立っています。このプラグインを使用すると、メガ メニューの作成が簡単になります。そのため、そのようなプラグインを探している場合は、もう探す必要はなく、QuadMenu のレビューを詳しく調べてください。
今日は、QuadMenu をあらゆる人やさまざまな人にとって独創的なメガ メニュー プラグインにしている部分を詳しく見ていきます。それだけではありません。プラグインをセットアップしてメガ メニューを作成し、すぐに作業を開始できるようにします。準備ができたら、錨を下ろして出航しましょう。
クアッドメニューとは何ですか?
初めての方のために説明すると、QuadMenu は、CodeCanyon の新進気鋭の作者である QuadLayers によるプレミアム メガ メニュー プラグインです。おそらく、QuadMenu が市場ではまだ比較的新しいため、このことについて聞いたことがないでしょう。つまり、これを書いている時点でまだ4か月です。それでも、QuadMenu は競争相手に利益をもたらしています。主なセールスポイントは、QuadMenu が初心者にも開発者にも同様に機能することです。
初心者向けに、QuadMenu にはコードを書かずに驚くべきメガ メニューを作成できる直感的なインターフェイスが備わっています。 QuadMenu を最初からテーマに統合するのは信じられないほど簡単なので、開発者も笑顔になる理由があります。
QuadMenu の無料版では機能を垣間見ることができますが、このレビューではプレミアム版を試用します。これにより、今後何が起こるかを総合的に把握できると考えています。
ボーナス: または、Total テーマ ユーザー専用のカスタム サポートとスタイルを追加する、無料の Total Theme QuadMenu ブリッジ プラグインをダウンロードすることもできます。
QuadMenu メガ メニュー プラグインの機能
それでは、QuadMenu をセットアップして機能を見てみましょう。ただし、有利なスタートを切るために、ここで機能を簡単に見てみましょう。
- 使いやすいドラッグ アンド ドロップ インターフェイス – QuadMenu は、ドラッグ アンド ドロップ インターフェイスを追加することで、ネイティブ WordPress メニュー システムを拡張します。このインターフェイスを使用すると、プログラミング スキルがなくても印象的なメガ メニューを作成できます。
- モバイルフレンドリーなデザイン – メニューは Web サイトの重要な部分であり、これがないとナビゲーションが困難になります。今日、モバイル デバイス ユーザーを無視することはできず、QuadMenu はモバイル対応メニューを支援します。
- 無制限のスキン – メニューにスタイルが適用されるときにスタイルを無効にする必要はありません。読者がコンテンツにアクセスする方法においてメニューが非常に重要な役割を果たしている場合は、なおさらです。 QuadMenu を使用すると、スタイルの自由度が大幅に高まります。
- 多くの要素とオプション – ビデオ、アイコン、画像、オーディオ、スライダー、タブ、列、ウィジェットなどの項目を使用して、好みに合わせてメガ メニューをデザインします。
- 開発者向けオプション – WordPress テーマ開発者は、QuadMenu をテーマに完全に統合できます。
もちろん、プラグインをインストールして機能を自分でテストするのが最善です。
クアッドメニューについて詳しく見る
クアッドメニューのインストール
QuadMenu のレビューと並行して、QuadLayers チームは、このメガ メニューを WordPress サイトに驚くほど簡単に追加できるようにしました。そのため、このレビューのインストール部分で問題が発生することはないと考えられます。
WordPress 管理者メニューの [プラグイン] に移動し、[新規追加] をクリックして、以下に示す画面を起動します。
上のスクリーンショットに示されているように、次のいずれかを行うことができます。
- コンピューターからプレミアム QuadMenu をアップロードするか、
- WordPress.org から QuadMenu 無料版をインストールします
無料版をテストするには、上の画像に示されているように、検索ボックスに「QuadMenu」と入力します。次に、プラグインをインストールして有効化します。
ただし、レビューでは最初のオプションを使用します。 [アップロード] ボタンをクリックし、コンピュータ上の QuadMenu ZIP アーカイブを選択します。インストールプロセスを実行し、プラグインをアクティブ化します。
プラグインをアクティブ化すると、QuadMenu オプション ページにリダイレクトされます。この画面では、テーマで利用可能なすべてのメニューの場所とその他の QuadMenu 設定を確認できます。
下の画像では、QuadMenu Pro オプション ページが独自の Total WordPress テーマでどのように見えるかを示しています。
Total WordPress テーマには 5 つのメニューの場所がありますが、メイン/ ヘッダーに焦点を当てます。言い換えれば、WordPress テーマで利用可能なメニューの場所を自由に選択できます。
そうは言っても、QuadMenu のオプション画面では何をするのでしょうか?良い質問。目的のメニューの場所をクリックします。この例では、以下に示すように [メイン/ヘッダー] をクリックします。
次に、上に示したようにボタンをオンに切り替えて、QuadMenu をメニューの場所にリンクします。次に、[保存] ボタンをクリックします。
何らかの理由で自動方法が機能しない場合は、プラグインを手動で統合できることに注意してください。さらに、スタイル テーマを作成することもできます。複数のテーマがあると、クリックするだけでメニュー スタイルを切り替えることができます。
新しいテーマを作成するには、[テーマの作成] ボタン (3) をクリックします。次に、テーマに名前を付け、必要に応じてスタイルを設定し、変更を保存します。テーマの準備ができたら、上の画像の項目番号 4 としてマークされているドロップダウン メニューからテーマを選択できます。
このレビューでは、新しいテーマを作成する代わりにデフォルトのテーマをカスタマイズします。これで、メガ メニューを作成し、ドロップするまでスタイルを設定する準備が整いました。
QuadMenu メガ メニューの作成
QuadMenu を使用したメガ メニューの作成は、4 年生の内容です。このレビューでは新しいメニューを作成しますが、いつでもプラグインを既存のメニューに統合できます。
Total のデモの 1 つもインポートしたので、作業に使用できるコンテンツをいくつか用意できます。
それはさておき、WordPress 管理者メニューの外観 > メニューに移動します。
上の画像に関するいくつかの注意:
- 新しいメニューを作成する場合は、ここでメニュー名を指定します。 QuadMenu デモを使用します
- このボタンを使用して変更を保存することを忘れないでください。そうしないと、カスタムの変更がすべて失われます
- QuadMenu を有効にすると、メニュー項目にマウスを置くと表示されるオプション ボタン QuadMenu PRO が追加されます。
- ここで、メニューの場所を選択します。他のメニューとは異なり、QuadMenu と統合されたメニューの場所にはアイコンがあることに注意してください。
- 多くの QuadMenu メニュー項目がここに存在します。これらのメニュー項目は、ページ、カテゴリ、リンクなどの他の要素を追加するのと同じ方法でメニューに追加できます。
新しいメニューの準備ができたら、いくつかの QuadMenu メニュー項目を追加して、それがどうなるかを見てみましょう。上の画像の項目番号 5 に示されているように、クアッドメニュー項目に移動するだけです。
以下の画像で詳しく説明するように、いくつかの項目をメニューに追加し、変更を保存します。
ページ、カスタム リンク、テーマ固有の項目など、その他の項目を自由に追加してください。次に、サンプル サイトを更新して、他には何も触れずにメニューがどのように表示されるかを確認してみましょう。
さぁ行こう。
あーあー！私たちのメニューはひどいものに見えますが、心配する必要はありません。私たちはする必要があります：
- QuadMenu ロゴは不要であり、メニューを構築するためのスペースが解放されるため、削除します。
- Total の組み込みのカートと検索メニュー機能は、QuadMenu の同じ要素と衝突するため、無効にします。
問題をすぐに解決できます。以下の指示に従ってください。
QuadMenu ロゴを削除するには、WordPress メニューの QuadMenu PRO > オプション に移動します。次に、以下のスクリーンショットに示すように、デフォルトのテーマなどのテーマを選択し、メニューをクリックします。
この画面ではメニューを広範囲にカスタマイズできます。たとえば、上の画像で強調表示されているように、メニューの背景を単色からグラデーションに変更しました。
ただし、ロゴを削除するには、このオプションが表示されるまで画面の下部に向かってスクロールします。
[削除] ボタンをクリックしてから、[保存] ボタンをクリックする必要があります。
ロゴが消えてグラデーションが設定されたら、[合計オプション] に移動し、検索 と カート メニュー項目を無効にする必要があります。
これは Total WordPress テーマに対してのみ行われることに注意してください。テーマによってはこれを行う必要がない場合があります。
Total のメニュー カートと検索を無効にする
まずはメニューカートから始めましょう。 WordPress 管理者メニューの[外観] > [カスタマイズ]に移動して、WordPress カスタマイザーを起動します。
次に、下にスクロールして、下の画像に示すように [WooCommerce] をクリックします。
表示されるサブメニューで、以下に示すように [全般] タブをクリックします。
その後、以下に示すように、[メニュー カート: 表示] ドロップダウンで [無効] を選択するだけです。
最後に、[公開] ボタンをクリックして変更を保存します。それはさておき、メニュー検索も無効にしてみましょう。
以下に示すように、カスタマイザー メニューの [ヘッダー] タブをクリックします。
その後、以下のスクリーンショットにあるように、[メニュー検索] タブをクリックします。
最後に、下の画像で強調表示されているように、[スタイル] ドロップダウン メニューから [無効] を選択します。
[公開] ボタンをクリックして変更を保存します。次に、ダミー サイトでメニューがどのように表示されるかを見てみましょう。
うわー。メニューがかなり良くなったように見えますよね？ ログイン、 カート、検索機能は完全に機能します。ほくそ笑むわけではありませんが、グラデーションの背景もぴったりです。えへん。
ご覧のとおり、数回クリックするだけで、コードを 1 行も記述することなく、QuadMenu をテーマに統合できます。それでも、ここでのデモ メニューはあまり役に立ちません。今日私たちをここに連れてきた素晴らしいメガメニュー機能がすべて備わっているわけではありません。そのため、サンプル メニューにいくつかの要素を追加して、どのような結果になるかを見てみましょう。
QuadMenu メガ メニューのカスタマイズ
あなたは、QuadMenu の素晴らしさを最大限に体験しようとしています。ここでは、これまで話してきたドラッグ アンド ドロップ インターフェイスが最も重要です。
もう一秒も無駄にせず、WordPress 管理者メニューの外観 -> メニューに移動します。 [メニュー] 画面で、カスタマイズするメニュー項目にカーソルを置き、表示される [QuadMenu PRO] ボタンをクリックします。
この部分では、メガメニュー項目をカスタマイズすることを選択します。下の画像を参照してください。
[QuadMenu PRO] ボタンをクリックすると、次のインターフェースが表示されます。次の画面では、この特定のメニュー項目、つまりメガを広範囲にカスタマイズできます。
ここで、[列] タブをクリックして、メガメニューを列に分割します。 3 つの列を試してみましょう。 [列の追加] ボタンを 3 回続けてクリックし、以下に示すように 3 つの空の列を作成します。
注: 画像には余分な列がありますが、誰が数えているのでしょうか?
これで、これらの列にコンテンツを追加できるようになります。これを行うには、上の画像の項目番号 5 でマークされているプラス記号 (+) をクリックします。
最初の列のプラス記号をクリックすると、以下の画像に示すように [QuadMenu ウィジェット] タブが表示されます。
簡単に言うと、最初の列にカレンダー、2 番目の列に画像、3 番目の列にカテゴリ、最近の投稿、タグ クラウドなどの項目を追加しました。
次に、メニューを保存します。私たちが作成したものを見てみましょう。
ヴィオラ – メガメニューをご用意しております、皆様！カレンダーは機能し、画像も見栄えが良く、他の要素もすべて揃っています。画像にリンクを追加することもできることをご存知ですか?
はい、QuadMenu のユーザー インターフェイスまたは WordPress カスタマイザーを使用して、他の多くのオプションを編集できます。デモ メニューに要素を追加した方法がわかりましたか?その手順に従い、少し創造的になれば、あなたは完璧です。
最も良い点は、製品、ウィジェット、ページ、Visual Composer 要素、タグ、カスタム リンク、その他想像できるあらゆるものを追加できることです。 QuadMenu は、メニューの作成方法と表示方法を完全に変えます。
その他のクアッドメニュー オプション
QuadMenu レビューのまとめとして、テーマ内のフォルダーから .less ファイルをロードする機能、ユーザーのデフォルト オプションを定義する機能、カスタム アニメーションを作成する機能など、このプラグインには開発者向け機能が付属していることを開発者はうれしく思います。
要するに、QuadMenu は初心者と開発者にとって優れたメガ メニュー プラグインです。プラグインには、ニーズを満たすのに十分なオプションが付属しており、さらにいくつかのオプションもあります。 QuadMenu で利用できるその他の注目すべき機能は次のとおりです。
- カスタムCSS
- インポート/エクスポート機能
- 簡単なソーシャルメディア統合
- 子テーマのサポート
- 水平、垂直、およびオフキャンバスのレイアウト
- アニメーション
- カルーセル メニュー。メガ メニューにスライダーを追加できます。
- タブ付きメニュー
- などなど
QuadMenu レビューの最後の言葉
終わりは近づいていますが、この QuadMenu レビューが WordPress 用のメガ メニュー プラグインに何を期待できるかについての良いアイデアを提供できれば幸いです。 QuadMenu は注目すべきコードであり、うまく活用すればメニューを次のレベルに引き上げることができます。使いやすいのも利点です。
QuadMenu について詳しく知る ライブデモを見る
あなたの意見は何ですか?クアッドメニューを試してみましたか?もしそうなら、何が分かりましたか?以下のコメントセクションであなたのご意見をお聞かせください。
前もって感謝します！よろしく、フレディ