文章分类
新手入门学习建站主机推荐
非常适合外贸新手入门的一款共享主机,非常简洁的管理面板,第一年费低至300元!
文章标签

IKS Menu Pro使用教程 2023(视频)

文章导航

本文介绍IKS Menu Pro使用教程,IKS Menu Pro是IKS Menu 的高级版本,它是一个强大的可以自定义的手风琴菜单以及问答系统。通过它你可以制作出非常美观大气的手风琴菜单,我通常用它来做产品侧边栏。

1. IKS Menu Pro(高级)和Iks Menu(免费)的区别?

免费版功能

  • 支持分类法(类别、标签、WooCommerce 产品、任何其他)
  • 支持自定义 WordPress 菜单(在“外观”>“菜单”中创建)
  • 支持群组常见问题解答(以特殊自定义常见问题解答帖子类型创建)
  • 支持所有菜单来源的图像
  • 支持显示分类源的帖子
  • 快速且可用的菜单编辑器,具有即时预览功能!
  • 自定义菜单任何部分的外观(颜色、字体、边距、填充、高度和宽度,无需任何编码)
  • 自定义多种状态的外观(例如悬停、当前和儿童)
  • 支持导出和导入设置以再次重复使用(所有设置或仅用于外观)
  • 为您的菜单提供各种独特的设置
  • 提供 6 个开箱即用的免费精美皮肤:只需单击一下即可立即开始使用设计简洁的皮肤。
  • 支持键盘辅助功能:菜单中所有元素的“Tab”和“Enter”导航+“Focus”状态
  • …只需看一下屏幕截图即可了解所有功能!

高级版本功能

  • 免费计划的所有功能
  • 设置“初始展开”以在页面加载时展开某些项目
  • 子菜单的展开和折叠动画
  • 能够显示帖子数
  • “自定义样式”设置
  • 设置使用父元素作为子菜单切换
  • 切换:50 多个图标和 5 多个用于展开的动画
  • 20+ 皮肤
  • ……看看定价

价格

29.9美元/每年1个站点起步。

99美元无限终身版本。

本站价格:49元1个站点终身授权(可以切换域名),通过页脚微信联系我购买。

2. IKS Menu Pro安装和激活

IKS Menu Pro不依赖免费插件IKS Menu,通过上传插件包方式安装。

安装成功之后,如果你后台安装了IKS Menu插件,那么IKS Menu插件会自动停用。

通过插件Account菜单可以激活授权。

IKS Menu Pro安装和激活

3. IKS Menu Pro主要功能介绍

安装激活IKS Menu Pro插件之后,通过后台的IKS Menu菜单可以进入到 Menu list界面。

image 7 - IKS Menu Pro使用教程 2023(视频) - NUTSWP

菜单列表(List of menus)功能介绍

List of menus中你可以添加、删除、复制、复制代码、编辑IKS Menu菜单。

IKS Menu Pro使用教程 菜单列表(List of menus)功能介绍

选项(Options )功能介绍(实现菜单的图片展示支持)

在选项中你可以配置菜单的图片支持功能,比如你需要分类有图片支持,勾选分类即可。

image 9 - IKS Menu Pro使用教程 2023(视频) - NUTSWP
image 10 - IKS Menu Pro使用教程 2023(视频) - NUTSWP

开启之后,IKS Menu会为你对应的分类添加一个图片字段,你在编辑分类的时候添加对应的图片。

image 11 - IKS Menu Pro使用教程 2023(视频) - NUTSWP

添加图片之后,IKS Menu中开启Image,即可在菜单中显示图片。

image 12 - IKS Menu Pro使用教程 2023(视频) - NUTSWP

IKS Menu的短码使用教程

短码可以实现在任何地方添加你做好的菜单。

你可以在菜单的列表的项中看到短码查看的按钮。点开即可复制该菜单的短码。

image 13 - IKS Menu Pro使用教程 2023(视频) - NUTSWP

复制的短码,可以通过Elementor的Short Code元素来调用。

image 14 - IKS Menu Pro使用教程 2023(视频) - NUTSWP

同时你还可以在古腾堡编辑器中通过短码Block调用对应的菜单。

image 15 - IKS Menu Pro使用教程 2023(视频) - NUTSWP

4. IKS Menu Pro使用教程(包含菜单设置的所有内容超详细)

我将设置项目的介绍全部做成了视频,通过视频可以了解IKS Menu菜单每个标签选项中的设置的功能和效果。

IKS Menu菜单的数据设置选项

在进入菜单之后的Data标签卡下面是菜单的数据设置选项。

image 16 - IKS Menu Pro使用教程 2023(视频) - NUTSWP

IKS Menu的基础菜单设置

菜单设置主要用于设置当前IKS Menu菜单的折叠效果以及动画效果,

image 19 - IKS Menu Pro使用教程 2023(视频) - NUTSWP

IKS Menu菜单的外观(Display)设置

在IKS Menu的Display标签下你可以修改菜单的显示风格,包括背景颜色,字体,以及一些鼠标效果。

image 18 - IKS Menu Pro使用教程 2023(视频) - NUTSWP

IKS Menu菜单的管理和皮肤功能

在IKS Menu的Mange(管理)中你可以实现菜单的导入和导出。

Skins中你可以套用IKS Menu已经做好的皮肤(我自己非常推荐),可以选择你喜欢的菜单皮肤,再基于皮肤进行简单的调整来实现符合整个网站风格的效果。

image 17 - IKS Menu Pro使用教程 2023(视频) - NUTSWP

5 .如何使用IKS Menu创建产品分类侧边栏手风琴菜单?

以下是我使用IKS Menu创建产品分类侧边栏手风琴菜单的视频教程。

观看高清视频请访问B站主页→

文章分类
新手入门学习建站主机推荐
非常适合外贸新手入门的一款共享主机,非常简洁的管理面板,第一年费低至300元!
文章标签
相关文章
Elementor添加Bilibili视频2种方法

本文介绍Elementor添加Bilibili视频2种方法,第一种是通过HTML代码插入Iframe,另外一种是通过插件实现,本文会对这2种方法做详细的介绍。 我自己也会在网站中添加B站视频,通常我使用的都是Iframe的方法,这种方法可以写一个全局的CSS代码,来控制样式,然后复制的Iframe代

阅读全文 »
Woodmart主题Elementor元素加载问题

最近发现了Woodmart主题更新之后,Elementor的Table Of Content,Silder轮播自动播放等元素和效果受到了影响,经过一些列的排查和修复之后我将过程整理如下: 一开始我以为这个问题和网站的缓存插件,比如WPRocket有关系,但是停用插件,发现问题仍然存在。 我其他的El

阅读全文 »
Elementor版本回滚教程

本文介绍Elementor版本回滚教操作过程,版本回滚操作在日常网站遇到一些兼容问题,或者当前版本有BUG的情况下非常实用。 Elementor提供版本管理选项,只需要登录到网站后台,进入Elementor的Tools菜单下即可进行Elementor版本回滚操作。 温馨提示:版本回滚的操作虽然是常规

阅读全文 »
2种方法Elementor表单实现电话字段国家代码教程

本教程介绍2种Elementor表单实现电话字段国家代码,默认的Elementor表单电话字段没有国家区号,本教程提供了2个有效的方案,实现根据用户位置自动显示电话号码的国家区号效果。 方案一:Ali Addons For Elementor插件实现表单手机号码国家代码 方案一实现效果如下图,可以根

阅读全文 »
Elementor Popup设置点击连接弹出的2种方法

本文介绍Elementor Popup设置点击连接弹出的2种方法法,在Elementor中创建一个Popup弹出框,我们可以通过多种方式进行点击有弹出设置。 方法一:通过Elementor元素Link的动态标签设置弹出 这种方法仅限于在Elementor编辑中使用,任何带有Link选项的链接都可以进

阅读全文 »
2步解决ACF自定义产品固定链接中没有分类的问题

本文介绍如何解决ACF自定义产品固定链接中没有分类的问题,目前使用ACF(Advanced Custom Fields)创建的自定义内容类型默认是不注册分类的固定链接的,WordPress设置中的固定链接修改也对其无效,这样当我们创建产品和产品分类的时候,产品页面的固定链接中就不包含产品分类的信息。

阅读全文 »
想快速搭建一个完全属于自己的外贸独立站?
本站提供专业的外贸建站服务,如果你不想自己花时间精力搭建网站,可以将你的需求告诉我,我来帮助你搭建一个专业外贸独立站!
文章导航
文章分类
文章标签
建站咨询请联系企业微信
感谢你的信任!
咨询和购买请通过微信和我联系!