【elementskit中文版教程】垂直超级菜单

开始使用

  • 确保垂直菜单 是ONElementsKit → 元素
图片[1]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 向下滚动→ 设置垂直菜单切换为打开
图片[2]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

添加菜单

  • 点击创建新菜单
图片[3]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 提供菜单名称 =>选中复选框 => 创建菜单
图片[4]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

单击自定义链接 =>提供链接并以相同方式添加菜单项

图片[5]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 单击选择 =>选定的垂直菜单,然后出现创建的菜单项
图片[6]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

自定义垂直超级菜单

  • 首先转到外观 => 菜单 =>复选框“为超级菜单内容启用此菜单” =>单击带有要设置其自定义菜单项的设置图标超级菜单
图片[7]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

编辑MegaMenu内容

  • 将会打开一个弹出窗口=>转到“ 内容”选项卡 =>切换“ 超级菜单”启用选项,然后单击“ 保存”,然后单击“ 编辑MEGAMENU CONTENT”按钮
图片[8]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
图片[9]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 编辑后,单击更新 =>单击站点视图图标
图片[10]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 显示超级菜单内容页面
图片[11]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

网站检视

  • 现在,单击页面左上方的Mega菜单 =>单击Visit Site
图片[12]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 显示所选的垂直超级菜单
图片[13]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

图标

  • 现在转到“ 图标”选项卡 =>从“ 调色板”中选择任何颜色
图片[14]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 图标库中选择图标
图片[15]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 现在转到站点 => 出现所选图标和颜色
图片[16]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

徽章

  • 添加或编辑文本
  • 选择徽章颜色
  • 选择徽章背景色
  • 点击保存
图片[17]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 显示徽章文字和颜色
图片[18]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

额外

垂直菜单位置

  • 选择单选按钮:相对
图片[19]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 大型菜单内容显示在男士时尚菜单旁边
图片[20]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 选择顶部 => 保存
图片[21]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 超级菜单内容显示在顶部
图片[22]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

垂直菜单宽度

  • 使用任何数字自定义宽度大小
图片[23]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 显示选定的宽度
图片[24]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

子菜单

  • 单击子菜单设置图标以自定义
图片[25]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 自定义:图标,徽章,额外
图片[26]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

用Elementor编辑

  • 现在转到站点=>单击“ 使用Elementor编辑”
图片[27]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

选择菜单

  • 下拉菜单中选择菜单
图片[28]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

徽章位置

  • 右侧启用徽章位置
图片[29]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站

切换

  • 启用显示切换
图片[30]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 显示或隐藏切换菜单
图片[31]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 添加或编辑标题
  • 上传左右图标
图片[32]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 编辑后,单击更新 =>单击访问站点图标
图片[33]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
  • 您可以看到网站上显示的更改
图片[34]-【elementskit中文版教程】垂直超级菜单 - HEIWP-外贸建站-HEIWP-外贸建站
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容