アバダテーマチュートリアル:アバダテーマでナビゲーションメニューとメガメニューを設定する方法

Avada 是一款功能强大且十分好用的 ワードプレスのテーマ,适用于构建各种类型的网站。本文将详细介绍如何设置普通的导航菜单和超级菜单。通过灵活的导航菜单和强大的超级菜单功能,用户可以轻松打造专业的站点结构,提升浏览体验。

アバダ・テーマの紹介

アバダ 是由美国公司 テーマフュージョン 开发的一款多功能 WordPress 主题,首次发布于 2012年。Avada 具有高度灵活、响应式设计和丰富模板等特点,适合构建任何类型的网站。它集成了页面构建器和多种功能,是一款功能全面的一体化主题。该主题在 ThemeForest 上销量最高的主题,至今已有超过90万次下载,广受全球网站建设者欢迎。

主な特徴

  • ビジュアルエディター:内置 Fusion Builder 页面构建器(现称为 Avada Builder),支持拖放可视化编辑。
  • 预建网站模板:提供上百套完整的演示站点模板,涵盖企业、博客、电商、教育、医疗等多个行业。
  • WooCommerceサポート:可用于构建功能完整的在线商店。
  • 詳細テーマオプション:包含大量自定义选项,无需写代码即可更改颜色、排版、布局等。
  • レスポンシブデザイン:自动适配手机、平板、桌面设备。
图片[1]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单

手続き

1.普通导航菜单

  • 予備的:进入到WordPress后台,点击进入“プラグイン”,确保アバダビルダーそしてAvada Core歌で応えるAvada Custom Branding这三个插件是“起動「ステータス
图片[2]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单
  • 进入到菜单面板:クリック "外観”-点击“Menus”,进入到菜单面板
图片[3]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单
  • 添加菜单内容:在”ページ“画框内,选择合适的网页,点击勾选后,再点击“Add to Menu”,将内容添加到菜单结构里。
图片[4]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单
  • 删除菜单内容をご覧ください。Menu structure”内,选择要删除的内容,点击“Remove”,即可删除菜单里的内容
图片[5]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单
  • 添加其他内容:不光可以在菜单里添加“Page”,还可以将 “FAQs”、“Posts”和“Portfolio”等其他元素添加到菜单里。
图片[6]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单
  • 调整菜单等级:在”Mene structure“内,点击相应的菜单,往右拖动,即可产生菜单分级。
图片[7]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单
  • 菜单展示位置:可选择メニュー展示的位置,如“Sticky Header Navigation"(导航栏会固定在页面顶部,始终可见,不会随内容一同滚动离开视野。)
图片[8]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单
  • 创建新菜单:先在“Menu Name”处输入想要添加菜单的名字,随后点击“新しいメニューの作成”选项,即可创建新菜单。
图片[9]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单

2.创建超级菜单

  • Avada超级菜单页面クリック "アバダ” -> 点击“Studio”-> 再点击“Mega Menus”,即可进入到Avada自带的超级菜单模板库。
图片[10]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单
  • 选择超级菜单模板:在下方可以选择自己喜欢的超级菜单模板,Avada目前版本一共提供17个超级菜单模板,实用绝大部分的网站类型。
图片[11]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单
  • テンプレートのインポート点击选择自己喜欢的模板,在绿色框内可以修改模板内容,随后再点击“Import”按钮,即可导入。
图片[12]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单
  • 查看模板导入状态:クリック "アバダ「をクリックする。Library”,可以看到带有“Mega Menu”标签的菜单,证明模板导入成功。
图片[13]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单
  • 选择菜单应用模板格式:点击选择菜单,点击“Avada Menu Options” ,选择菜单需要应用刚才安装的模板。
图片[14]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单
  • 应用超级菜单:选择上面命名的超级菜单,点击“セーブ”保存即可,这样便应用到网站首页了。关于Avada更多模板的使用,请看这篇文章《Avadaテーマの子守チュートリアル".
图片[15]-Avada主题教程:如何在Avada主题上设置导航菜单和超级菜单

概要

无论是基础菜单设置,还是高级的超级菜单设计,Avada 都提供了直观且高效的操作方式。掌握这些设置后,可以让你的网站更加美观实用、用户导航更顺畅。想了解关于更多WordPress相关的知识,请关注光子ゆらぎネットワーク.


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

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

    コメントなし