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

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

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

图片[1]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

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

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

图片[2]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

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

图片[3]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

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

スーパーメニューの作成

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

图片[4]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

適当に選んだのがこれ。

图片[5]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

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

スーパーメニューの変更

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

ステップ: Avada → ライブラリ → メガメニュー(タイプ)

图片[6]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

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

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

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

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

图片[7]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

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

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

图片[8]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复
图片[9]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

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

图片[10]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

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

旧スーパーメニュー

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

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

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

图片[11]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

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

图片[12]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

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

图片[13]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

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

图片[14]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复
图片[15]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

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

图片[16]-如何设置Avada主题中的菜单和超级菜单:详细教程(02)-光子波动网 | WordPress教程、Elementor教程与故障修复

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

最後に一言

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

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

概要

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


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:[email protected]
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はハリーが執筆しました。
終わり
好きなら応援してください。
クドス0 分かち合う
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし