このチュートリアルへようこそ、今日はAvadaテーマのノーマルメニューとメガメニューの設定方法を詳しく説明します。ノーマルメニューの設定は比較的簡単ですが、ここでは繰り返しません。 バーゼルのテーマ・メニュー設定.今回は、より簡単で柔軟な設定を可能にするため、アバダ新バージョンでアップデートされたスーパーメニューに焦点を当てます。初心者でも経験者でも、この記事は実践的な手順とヒントを提供します。
ステップ: ウェブサイトのバックエンド → 外観 → メニュー
![图片[1]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090209335616.png)
では、アヴァダのメガメニューはどのように設定するのでしょうか?2つの方法がありますが、アヴァダのアップデート後、新しいメガメニューはより便利になりました
ステップ:ウェブサイトのバックエンド → アバダ → スタジオ → メガメニュー(メガメニュー)
![图片[2]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090209375127.png)
丸で囲んでおいたので、探すのに苦労することはないだろう。(同上)
![图片[3]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090209394155.png)
気に入ったテンプレートを選んでインポートすれば、便利でしょう?
スーパーメニューの作成
メガメニューの作り方を知らない初心者も多いと思うので、とりあえずメガメニューをインポートしてみよう。
![图片[4]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090209421099.png)
適当に選んだのがこれ。
![图片[5]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090209432689.png)
調整したら、インポートするだけです。
スーパーメニューの変更
インポートした後、フロントエンドを変更するためにアクセスするスーパーメニューがどこにあるか、まだ見つけられないかもしれません。
ステップ: Avada → ライブラリ → メガメニュー(タイプ)
![图片[6]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090209482686.png)
スーパーメニューの名前は気にしないで、上記のように、これは私が作成したものですが、そのテンプレートをインポートする場合は、テンプレートの名前を表示することです。
フロントエンドにメガメニューを表示させる
スーパーメニューの良い仕事をし、直接フォアグラウンドに表示することはできませんが、また、簡単なセットアップ内部のメニューの背景にする必要があります。
このメガメニューを商品センターの下に表示させたいので、写真の場所をクリックしてください。
![图片[7]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090209505855.png)
次に、必要なメガメニューを選択し、最後にメニュー全体を保存すれば、あなたのウェブサイトのフロントエンドにメガメニューが表示されるようになります。
ただし、Elementorを使用している場合、Super Menuプラグインを購入した後、手動で少しずつスタイルを追加・修正しなければならないのは少々面倒なようだ!
![图片[8]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090209532978.png)
![图片[9]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090209542864.png)
テンプレートをインポートする場合は、テンプレートの効果を損なわないように、画像やテキストを変更することができます。保存をクリック
![图片[10]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090209553621.png)
最後に保存メニューをクリックします。
旧スーパーメニュー
新バージョンはテンプレートをインポートして変更しますが、旧バージョンは1つずつ呼び出す必要があります!
まだオリジナルのスーパーメニューを使いたい人もいるだろうし、オリジナルのガジェットが好きで、スーパーメニューを少し作り直したいと言う人もいるだろう。
ステップAvada→パフォーマンス→機能→レガシーメガメニュー(旧バージョンのメガメニュー)
![图片[11]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090209583860.png)
どうやって作るの?下図のように、3つのセカンダリーメニューがあるとします。
![图片[12]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090210013523.png)
1,2,3をA,B,Cとして比較し、最初のウィジェット(ガジェット)を作成するためにここに来る。
![图片[13]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090210042212.png)
次にメニューに戻り、Avada Menu Optionsをクリックします。
![图片[14]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090210071552.png)
![图片[15]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090503414825.png)
設定項目は主に以下の3つ。
Fusion Mega Menu:onがオンになっています。
Mega Menu Wrapper Width:最大幅宽度还是適合内容适合内容,这个你可以每一个都试试,看果效果怎么样,对比后做选择:.
メガメニューのカラム数:メガメニューに何カラム追加しますか?画像は3カラムですが、最大6カラムまで可能です。
セットアップが終わったら、このページの右側にある[メニュー構成]に戻って[メニューを保存]をクリックすることを忘れないようにしなければなりません、そうでなければ、このステップは無駄になります、保存するメニューを変更するたびに、それについて話をしないでください!
![图片[16]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/09/2024090503431385.png)
外観] [ガジェット]に来て、左側から右側に[テキスト]をドラッグアンドドロップすると、ガジェットAに追加されている、ガジェットAは、テキストモードに切り替え、コードを貼り付けてから、ビジュアライゼーションモードに切り替えると、センターの画像を表示するには、保存に問題はありません。他の2つは同じです
最後に一言
初心者は直接、シンプルで直接的な外観の新バージョンのスーパーメニューを選ぶ!
まだアバダ・ベテランの古いスーパーメニューに慣れているのなら、それを使っても構わないが、結果はほとんど変わらない!
概要
このチュートリアルでは、Avadaテーマでメガメニューを設定・変更する方法を詳しく説明しました。既存のテンプレートをインポートする方法と、手動で設定する方法のどちらでも、あなたのウェブサイトに適したメニューレイアウトを簡単に作成することができます。これらの方法は、あなたがすぐに始めるのに役立つことを願っています。初心者の方は、シンプルで効率的な新バージョンのSuper Menuを直接使用することをお勧めします。お読みいただきありがとうございました。次号ではアバダのテーマについてさらに役立つヒントをお届けします!
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:[email protected] | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/18520/この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。




















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし