Elementor制作侧边栏小工具教程

[db:摘要]

在调整博客站点时,侧边栏似乎永远是一个纠结的地方,虽然说有很多的侧边栏小工具插件供我们选择,但是使用插件往往有很多缺点,比如很难找到非常适合主题的插件、安装太多插件管理起来很麻烦

那么我们要如何制作自己的侧边栏呢?

今天我将为大家介绍Elementor的另一个用途—制作侧边栏小工具

为什么要使用Elementor做侧边栏小工具呢?

  1. 可视化编辑,完全可以自己定制
  2. 无需其他插件,方便、轻量
  3. Elementor的元素都很漂亮

综合以上,Elementor是非常适合制作侧边栏小工具的,接下来就教大家如何使用Elementor装饰自己的侧边栏

 

制作侧边栏小工具

首先,我们需要打开 Elementor编辑器,你可以随便新建一个文章或者页面(不需要保存,后续可以删除)

使用Elementor编辑器使用Elementor编辑器

Elementor制作侧边栏小工具教程Elementor制作侧边栏小工具教程

 

然后点击 + 号新建一个Section,选择结构时,我们选择最后一个,用来模拟侧边栏

选择好列结构之后,你可以调整一下宽度使其和自己的侧边栏宽度相同

接下来我们就可以在里面进行设计了,过程这里就不再细说,和在平常使用Elementor编辑页面是同样的操作

Elementor设计侧边栏Elementor设计侧边栏

这里我已经制作了好一个Tab标签,感觉已经可以上线了

点击 + 号,再新建一个 Section,这次选择第一个列结构-单列,把刚刚设计好的Tab标签拖动到这里

Elementor编辑SectionElementor编辑Section

然后在图上的箭头处点击 右键 – 另存为模版,保存为一个好记的名字

Elementor保存模版Elementor保存模版

这样,我们的侧边栏小工具就制作完毕了,接下来教大家如何调用Elementor小工具

 

侧边栏调用Elementor模版

进入外观 – 小工具,可以看到这里面有一个名为 Elementor Library 的小工具,把它拖动到侧边栏区域

WordPress管理小工具WordPress管理小工具

选择侧边栏小工具选择侧边栏小工具

然后编辑Elementor Library,选择我们刚刚制作的Tab标签小工具,完成之后记得点击保存

最终的效果如下图,可以看到刚刚创建的小工具已经被调用了

Elementor制作侧边栏小工具教程Elementor制作侧边栏小工具教程

 

Elementor制作侧边栏小工具教程Elementor制作侧边栏小工具教程

原创文章,作者:DavidWu,如若转载,请注明出处:https://www.davidwu.net/archives/106533

WordPress安全防护插件
服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

电子邮件地址不会被公开。 必填项已用*标注