首页>文档>ElementsKit中文版教程>【elementskit中文版教程】垂直超级菜单

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

开始使用

  • 确保垂直菜单 是ONElementsKit → 元素
Screenshot 68 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 向下滚动→ 设置垂直菜单切换为打开
Screenshot 69 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

添加菜单

  • 点击创建新菜单
Screenshot 65 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 提供菜单名称 =>选中复选框 => 创建菜单
Screenshot 66 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

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

Screenshot 70 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 单击选择 =>选定的垂直菜单,然后出现创建的菜单项
Screenshot 29 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

自定义垂直超级菜单

  • 首先转到外观 => 菜单 =>复选框“为超级菜单内容启用此菜单” =>单击带有要设置其自定义菜单项的设置图标超级菜单
Screenshot 33 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

编辑MegaMenu内容

  • 将会打开一个弹出窗口=>转到“ 内容”选项卡 =>切换“ 超级菜单”启用选项,然后单击“ 保存”,然后单击“ 编辑MEGAMENU CONTENT”按钮
Screenshot 34 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
Screenshot 35 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 编辑后,单击更新 =>单击站点视图图标
Screenshot 57 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 显示超级菜单内容页面
Screenshot 60 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

网站检视

  • 现在,单击页面左上方的Mega菜单 =>单击Visit Site
Screenshot 64 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 显示所选的垂直超级菜单
Screenshot 63 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

图标

  • 现在转到“ 图标”选项卡 =>从“ 调色板”中选择任何颜色
Screenshot 36 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 图标库中选择图标
Screenshot 76 1 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 现在转到站点 => 出现所选图标和颜色
Screenshot 38 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

徽章

  • 添加或编辑文本
  • 选择徽章颜色
  • 选择徽章背景色
  • 点击保存
Screenshot 75 1 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 显示徽章文字和颜色
Screenshot 41 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

额外

垂直菜单位置

  • 选择单选按钮:相对
Screenshot 43 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 大型菜单内容显示在男士时尚菜单旁边
Screenshot 45 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 选择顶部 => 保存
Screenshot 46 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 超级菜单内容显示在顶部
Screenshot 47 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

垂直菜单宽度

  • 使用任何数字自定义宽度大小
Screenshot 48 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 显示选定的宽度
Screenshot 49 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

子菜单

  • 单击子菜单设置图标以自定义
Screenshot 50 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 自定义:图标,徽章,额外
Screenshot 51 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

用Elementor编辑

  • 现在转到站点=>单击“ 使用Elementor编辑”
Screenshot 52 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

选择菜单

  • 下拉菜单中选择菜单
Screenshot 30 4 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

徽章位置

  • 右侧启用徽章位置
Screenshot 31 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题

切换

  • 启用显示切换
Screenshot 54 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 显示或隐藏切换菜单
Screenshot 55 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 添加或编辑标题
  • 上传左右图标
Screenshot 56 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 编辑后,单击更新 =>单击访问站点图标
Screenshot 58 3 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
  • 您可以看到网站上显示的更改
Screenshot 59 2 » WordPress外贸,WordPress外贸模板,WordPress外贸网站,WordPress外贸主题
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索