在上一篇文章【Elementor教程】设置全站悬浮小工具/侧边导航菜单/弹窗 里，讲了设置全站悬浮侧边导航菜单的基础实现方案，但是此方案并不完美，因为Elementor自带的小组件过于简单且不够美观。所以再写一篇进阶版教程，来讲一下如何利用ElementPack Pro实现更加美观悬浮菜单小工具的几种方案。
下面教程，默认你已经阅读了上一篇教程，不再讲述过于基础的重复操作教程(指创建/设置弹窗和设置显示条件)，直接进入重点步骤讲解。
前期准备
- 安装Elementor和Elementor Pro和ElementPack Pro这三个插件，并启用。
- 激活ElementPack的全部“核心小工具”，下面方案教程里会用到。
方案一：测边全高度图标导航
1、搜索关键词“icon”，找到下图中这个“图标导航”小工具，拖动到右边。
2、演示站设置如下图，箭头标注为自定义修改项，可作为参考。
方案二：垂直图标导航
1、搜索关键词“menu”找到下图中这个“Slinky Vertical Menu”小工具，拖动到右边。
2、演示站设置如下图，箭头标注为自定义修改项，可作为参考。
方案三
方案四
本文是 Elementor系列教程 中的第 2/4 篇
- 【Elementor教程1】设置全站悬浮小工具/侧边导航菜单/弹窗
- 【Elementor教程2】全站侧边悬浮导航菜单进阶版-美化方案
- Elementor Pro 套件库与模版显示不完全解决办法
- Elementor如何创建全局Section 方便复用和同步修改
声明：1、本站大部分资源均为网络采集所得，仅供用来学习研究，请于下载后的24h内自行删除，正式商用请购买正版。2、所有汉化类文件和个别标注了“原创”的产品均为本站原创发布，任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。3、如若本站内容侵犯了原著者的合法权益，请携带相关版权文件联系我们进行下架或删除。4、虚拟下载类资源具有可复制性，一经下载后本站有权拒绝退款或更换其他商品！
评论0