Avadaはパワフルでとても使いやすい。 ワードプレスのテーマ様々なタイプのウェブサイトを構(gòu)築するのに適しています。この記事では、通常のナビゲーションメニューとメガメニューを設(shè)定する方法を詳しく説明します。柔軟なナビゲーションメニューと強(qiáng)力なスーパーメニュー機(jī)能ユーザーは簡単にプロフェッショナルなサイト構(gòu)造を作成し、閲覧體験を向上させることができます。
アバダ?テーマの紹介
アバダ アメリカの會(huì)社である テーマフュージョン に開発され、最初にリリースされた多目的WordPressテーマ。 2012Avadaは柔軟性の高いレスポンシブデザインと豊富なテンプレートが特徴で、どのようなタイプのウェブサイト構(gòu)築にも適しています。統(tǒng)合されたページビルダーと複數(shù)の機(jī)能を備えた、フル機(jī)能のオールインワンテーマです。ThemeForestで最も売れているテーマで、現(xiàn)在までに90萬ダウンロードを突破しており、世界中のウェブサイトビルダーに人気があります。
主な特徴
- ビジュアルエディター: ドラッグ&ドロップによるビジュアル編集をサポートしたFusion Builderページビルダー(現(xiàn)在はAvada Builder)を內(nèi)蔵。
- ウェブサイトテンプレート企業(yè)、ブログ、eコマース、教育、ヘルスケアなど、幅広い業(yè)界をカバーする數(shù)百もの完全なデモサイトテンプレートが用意されています。
- WooCommerceサポート機(jī)能的なオンラインショップを構(gòu)築できます。
- 詳細(xì)テーマオプションコードを書くことなく、色、タイポグラフィ、レイアウトなどを変更できるカスタマイズオプションがたくさん含まれています。
- レスポンシブデザイン攜帯電話、タブレット、デスクトップデバイスに自動(dòng)的に適応します。
![畫像[1]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324152804279-image.png)
手続き
1.総合ナビゲーションメニュー
- 予備的WordPressのバックエンドにアクセスし、"プラグイン「を確実にするアバダビルダーそしてアバダ?コア歌で応えるアバダ?カスタム?ブランディングつのプラグインは"起動(dòng)「ステータス
![畫像[2]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324135333357-image.png)
- メニューパネルに行く:クリック "外観「クリックメニュー「メニューパネルへ
![畫像[3]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324135700765-image.png)
- メニューの內(nèi)容を追加する:で "ページ"畫像ボックスの中で、適切なウェブページを選択し、チェックボックスをクリックしてから、" "をクリックします。メニューに追加"でメニュー構(gòu)造にコンテンツを追加する。
![畫像[4]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324135815505-image.png)
- メニュー內(nèi)容の削除をご覧ください。メニュー構(gòu)成「をクリックし、削除するコンテンツを選択します。削除"をクリックすると、メニューの內(nèi)容を削除できる。
![畫像[5]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324135954934-image.png)
- 殘りを加える:メニューには「ページ」だけでなく、「FAQ」「投稿」「ポートフォリオ」などの要素を追加することができます。と「ポートフォリオ」をメニューに追加することができます。
![畫像[6]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324140159616-image.png)
- メニューレベルを調(diào)整する:で "メネの構(gòu)造"をクリックし、該當(dāng)するメニューをクリックして
右ドラッグ メニューの採點(diǎn)は生成することができる。
![畫像[7]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324140510384-image.png)
- メニュー表示位置オプションメニューなどと表示される。スティッキーヘッダーナビゲーション"(ナビゲーションバーはページ上部に固定されます。)、常に表示され、コンテンツとともにスクロールして見えなくなることはない。
![畫像[8]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324141004447-image.png)
- 新しいメニューを作る:最初の"メニュー名「追加したいメニューの名前を入力し、"をクリックする。新しいメニューの作成"オプションで新しいメニューを作成する。
![畫像[9]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324141223168-image.png)
2.スーパーメニューの作成
- アバダ?スーパーメニューページクリック "アバダ「をクリックする。スタジオ「をクリックする。メガメニュー「をクリックすると、Avada獨(dú)自のメガメニューテンプレートのライブラリが表示されます。
![畫像[10]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324141559143-image.png)
- スーパーメニューのテンプレートを選択します:Avadaの現(xiàn)在のバージョンでは、合計(jì)17種類のメガメニューテンプレートが提供されており、ほとんどのタイプのウェブサイトに便利です。
![畫像[11]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324141818249-image.png)
- テンプレートのインポートお?dú)荬巳毪辘违匹螗抓飑`トをクリックして選択し、緑色のボックスでテンプレートの內(nèi)容を変更することができます。輸入" ボタンをクリックしてインポートする。
![畫像[12]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324142117751-image.png)
- テンプレートのインポートのステータスを表示します:クリック "アバダ「をクリックする。図書館「をクリックすると、"Mega Menu "というラベルのメニューが表示される。
![畫像[13]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324143903901-image.png)
- テンプレート形式を適用するメニューを選択する選択メニューをクリックし、"アバダ?メニュー?オプション"をクリックし、インストールしたテンプレートを適用するために必要なメニューを選択します。
![畫像[14]-アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324145725841-image.png)
- アプリケーションスーパーメニュー上記のスーパーメニューを選択し、" "をクリックします。セーブ"保存するだけで、ウェブサイトのフロントページに適用されます。Avadaのテンプレートの使い方については、こちらの記事をご覧ください。Avadaテーマの子守チュートリアル".
![畫像[15]-Avadaテーマチュートリアル:Avadaテーマにナビゲーションメニューとメガメニューを設(shè)定する方法](http://gqxi.cn/wp-content/uploads/2025/03/20250324152123879-image.png)
概要
基本的なメニュー設(shè)定から高度なメガメニューデザインまで、Avada は直感的で効率的な操作方法を提供します。これらの設(shè)定をマスターすることで、ウェブサイトをより美しく実用的に、そしてユーザーナビゲーションをよりスムーズにすることができます。WordPress関連の知識(shí)については光子ゆらぎネットワーク.
お問い合わせ | |
---|---|
チュートリアルが読めない?無料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ! |
![]() カスタマーサービス WeChat
|
① 電話:020-2206-9892 | |
② QQ咨詢:1025174874 | |
三 Eメール:info@361sale.com | |
④ 勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttp://gqxi.cn/ja/47152この記事は著作権で保護(hù)されており、必ず帰屬表示を付けて複製してください。
コメントなし