Avada 是一款功能强大且十分好用的 ワードプレスのテーマ,适用于构建各种类型的网站。本文将详细介绍如何设置普通的导航菜单和超级菜单。通过灵活的导航菜单和强大的超级菜单功能,用户可以轻松打造专业的站点结构,提升浏览体验。
アバダ・テーマの紹介
アバダ 是由美国公司 テーマフュージョン 开发的一款多功能 WordPress 主题,首次发布于 2012年。Avada 具有高度灵活、响应式设计和丰富模板等特点,适合构建任何类型的网站。它集成了页面构建器和多种功能,是一款功能全面的一体化主题。该主题在 ThemeForest 上销量最高的主题,至今已有超过90万次下载,广受全球网站建设者欢迎。
主な特徴
- ビジュアルエディター:内置 Fusion Builder 页面构建器(现称为 Avada Builder),支持拖放可视化编辑。
- 预建网站模板:提供上百套完整的演示站点模板,涵盖企业、博客、电商、教育、医疗等多个行业。
- WooCommerceサポート:可用于构建功能完整的在线商店。
- 詳細テーマオプション:包含大量自定义选项,无需写代码即可更改颜色、排版、布局等。
- レスポンシブデザイン:自动适配手机、平板、桌面设备。
![图片[1]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324152804279-image.png)
手続き
1.普通导航菜单
- 予備的:进入到WordPress后台,点击进入“プラグイン”,确保アバダビルダーそしてAvada Core歌で応えるAvada Custom Branding这三个插件是“起動「ステータス
![图片[2]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324135333357-image.png)
- 进入到菜单面板:クリック "外観”-点击“Menus”,进入到菜单面板
![图片[3]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324135700765-image.png)
- 添加菜单内容:在”ページ“画框内,选择合适的网页,点击勾选后,再点击“Add to Menu”,将内容添加到菜单结构里。
![图片[4]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324135815505-image.png)
- 删除菜单内容をご覧ください。Menu structure”内,选择要删除的内容,点击“Remove”,即可删除菜单里的内容
![图片[5]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324135954934-image.png)
- 添加其他内容:不光可以在菜单里添加“Page”,还可以将 “FAQs”、“Posts”和“Portfolio”等其他元素添加到菜单里。
![图片[6]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324140159616-image.png)
- 调整菜单等级:在”Mene structure“内,点击相应的菜单,往
右拖动 ,即可产生菜单分级。
![图片[7]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324140510384-image.png)
- 菜单展示位置:可选择メニュー展示的位置,如“Sticky Header Navigation"(导航栏会固定在页面顶部,始终可见,不会随内容一同滚动离开视野。)
![图片[8]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324141004447-image.png)
- 创建新菜单:先在“Menu Name”处输入想要添加菜单的名字,随后点击“新しいメニューの作成”选项,即可创建新菜单。
![图片[9]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324141223168-image.png)
2.创建超级菜单
- Avada超级菜单页面クリック "アバダ” -> 点击“Studio”-> 再点击“Mega Menus”,即可进入到Avada自带的超级菜单模板库。
![图片[10]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324141559143-image.png)
- 选择超级菜单模板:在下方可以选择自己喜欢的超级菜单模板,Avada目前版本一共提供17个超级菜单模板,实用绝大部分的网站类型。
![图片[11]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324141818249-image.png)
- テンプレートのインポート点击选择自己喜欢的模板,在绿色框内可以修改模板内容,随后再点击“Import”按钮,即可导入。
![图片[12]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324142117751-image.png)
- 查看模板导入状态:クリック "アバダ「をクリックする。Library”,可以看到带有“Mega Menu”标签的菜单,证明模板导入成功。
![图片[13]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324143903901-image.png)
- 选择菜单应用模板格式:点击选择菜单,点击“Avada Menu Options” ,选择菜单需要应用刚才安装的模板。
![图片[14]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324145725841-image.png)
- 应用超级菜单:选择上面命名的超级菜单,点击“セーブ”保存即可,这样便应用到网站首页了。关于Avada更多模板的使用,请看这篇文章《Avadaテーマの子守チュートリアル".
![图片[15]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单](https://www.361sale.com/wp-content/uploads/2025/03/20250324152123879-image.png)
概要
无论是基础菜单设置,还是高级的超级菜单设计,Avada 都提供了直观且高效的操作方式。掌握这些设置后,可以让你的网站更加美观实用、用户导航更顺畅。想了解关于更多WordPress相关的知识,请关注光子ゆらぎネットワーク.
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/47152
この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし