文章分类
新手入门学习建站主机推荐
非常适合外贸新手入门的一款共享主机,非常简洁的管理面板,第一年费低至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站主页→

相关内容
WP基础:固定链接设置

本文介绍WordPress网站的固定链接设置,这是一项基础的WordPress设置,固定链接对SEO也有一定的影响。固定链接结构应该在网站创建之初或者网站上线之前设置好。 WordPress 中的固定链接是什么? 固定链接实际上就是用户通过浏览器访问某一个页面的唯一的地址,之所以称其为固定链接,就是

阅读全文 »
WP基础:搜索引擎可见性设置

通常我们安装启动一个新的WordPress网站,WordPress的基础设置中默认的搜素引擎可见性是开启的,但是我们在制作网站的过程中,网站内容是不完备的,所以并不希望搜索引擎索引网站的页面。 我们可以通过WordPress基础设置中的阅读设置页面,勾选上【 建议搜索引擎不索引本站点】,这样搜索引擎

阅读全文 »
Elementor的操作记录和修订版本

本文介绍如何借助Elementor的操作记录和修订版本进行Elementor页面恢复操作? 如果你在找古腾堡编辑器的修订版本的操作方法,请阅读《古腾堡编辑器的修订版本》 Elementor目前有2种画布窗口模式,所以我会分别介绍修订版本操作在哪里进入编辑。 如果你是传统的画布窗口 在编辑窗口左侧工具

阅读全文 »
WordPress语言设置基础教程

本文介绍WordPress语言设置基础教程,WordPress默认的语言是英文,但是支持非常多语言,你可以根据你的需求,将网站的语言设置成其他语言,同时还可以单独设置后台语言。 如何进行WordPress语言设置? 安装好WordPress网站之后,就可以设置网站的默认语言,在网站后台的Settin

阅读全文 »
Elementor Floating Buttons移动端全宽不生效

Elementor新出的Floating Buttons功能,发现了Mobile Bar的移动端全宽不生效,这个问题我在本地测试发现所有的Mobile Bar模版的移动端全宽开启都不生效。 根据排查的方法,我也进行了一些的排查工作,发现问题任然存在。 于是通过自定义CSS代码,修复了这个问题。 CS

阅读全文 »
文章分类
新手入门学习建站主机推荐
非常适合外贸新手入门的一款共享主机,非常简洁的管理面板,第一年费低至300元!
文章标签
想快速搭建一个完全属于自己的外贸独立站?
本站提供专业的外贸建站服务,如果你不想自己花时间精力搭建网站,可以将你的需求告诉我,我来帮助你搭建一个专业外贸独立站!
文章导航
文章分类
文章标签
建站咨询请联系企业微信
感谢你的信任!
咨询和购买请通过微信和我联系!