Avadaテーマでメニューとメガメニューを設定する方法：詳細チュートリアル (02)

このチュートリアルへようこそ、今日はAvadaテーマのノーマルメニューとメガメニューの設定方法を詳しく説明します。ノーマルメニューの設定は比較的簡単ですが、ここでは繰り返しません。 バーゼルのテーマ・メニュー設定.今回は、より簡単で柔軟な設定を可能にするため、アバダ新バージョンでアップデートされたスーパーメニューに焦点を当てます。初心者でも経験者でも、この記事は実践的な手順とヒントを提供します。

ステップ： ウェブサイトのバックエンド → 外観 → メニュー

では、アヴァダのメガメニューはどのように設定するのでしょうか？2つの方法がありますが、アヴァダのアップデート後、新しいメガメニューはより便利になりました

ステップ：ウェブサイトのバックエンド → アバダ → スタジオ → メガメニュー（メガメニュー）

丸で囲んでおいたので、探すのに苦労することはないだろう。(同上)

気に入ったテンプレートを選んでインポートすれば、便利でしょう？

スーパーメニューの作成

メガメニューの作り方を知らない初心者も多いと思うので、とりあえずメガメニューをインポートしてみよう。

適当に選んだのがこれ。

調整したら、インポートするだけです。

スーパーメニューの変更

インポートした後、フロントエンドを変更するためにアクセスするスーパーメニューがどこにあるか、まだ見つけられないかもしれません。

ステップ： Avada → ライブラリ → メガメニュー（タイプ）

スーパーメニューの名前は気にしないで、上記のように、これは私が作成したものですが、そのテンプレートをインポートする場合は、テンプレートの名前を表示することです。

フロントエンドにメガメニューを表示させる

スーパーメニューの良い仕事をし、直接フォアグラウンドに表示することはできませんが、また、簡単なセットアップ内部のメニューの背景にする必要があります。

このメガメニューを商品センターの下に表示させたいので、写真の場所をクリックしてください。

次に、必要なメガメニューを選択し、最後にメニュー全体を保存すれば、あなたのウェブサイトのフロントエンドにメガメニューが表示されるようになります。

ただし、Elementorを使用している場合、Super Menuプラグインを購入した後、手動で少しずつスタイルを追加・修正しなければならないのは少々面倒なようだ！

テンプレートをインポートする場合は、テンプレートの効果を損なわないように、画像やテキストを変更することができます。保存をクリック

最後に保存メニューをクリックします。

旧スーパーメニュー

新バージョンはテンプレートをインポートして変更しますが、旧バージョンは1つずつ呼び出す必要があります！

まだオリジナルのスーパーメニューを使いたい人もいるだろうし、オリジナルのガジェットが好きで、スーパーメニューを少し作り直したいと言う人もいるだろう。

ステップAvada→パフォーマンス→機能→レガシーメガメニュー（旧バージョンのメガメニュー）

どうやって作るの？下図のように、3つのセカンダリーメニューがあるとします。

1,2,3をA,B,Cとして比較し、最初のウィジェット（ガジェット）を作成するためにここに来る。

次にメニューに戻り、Avada Menu Optionsをクリックします。

設定項目は主に以下の3つ。
Fusion Mega Menu:onがオンになっています。
Mega Menu Wrapper Width:最大幅宽度还是適合内容适合内容，这个你可以每一个都试试，看果效果怎么样，对比后做选择:.
メガメニューのカラム数：メガメニューに何カラム追加しますか？画像は3カラムですが、最大6カラムまで可能です。
セットアップが終わったら、このページの右側にある[メニュー構成]に戻って[メニューを保存]をクリックすることを忘れないようにしなければなりません、そうでなければ、このステップは無駄になります、保存するメニューを変更するたびに、それについて話をしないでください！

外観] [ガジェット]に来て、左側から右側に[テキスト]をドラッグアンドドロップすると、ガジェットAに追加されている、ガジェットAは、テキストモードに切り替え、コードを貼り付けてから、ビジュアライゼーションモードに切り替えると、センターの画像を表示するには、保存に問題はありません。他の2つは同じです

最後に一言

初心者は直接、シンプルで直接的な外観の新バージョンのスーパーメニューを選ぶ！

まだアバダ・ベテランの古いスーパーメニューに慣れているのなら、それを使っても構わないが、結果はほとんど変わらない！

概要

このチュートリアルでは、Avadaテーマでメガメニューを設定・変更する方法を詳しく説明しました。既存のテンプレートをインポートする方法と、手動で設定する方法のどちらでも、あなたのウェブサイトに適したメニューレイアウトを簡単に作成することができます。これらの方法は、あなたがすぐに始めるのに役立つことを願っています。初心者の方は、シンプルで効率的な新バージョンのSuper Menuを直接使用することをお勧めします。お読みいただきありがとうございました。次号ではアバダのテーマについてさらに役立つヒントをお届けします！