如何在WordPress自带编辑器中添加Elementor模块

在我们设计好Elementor模块后,除了可以把它添加到主题页面中外,还可以加入到文章中使内容更加丰富,下面教大家如何在WordPress文章中插入Elementor模块

使用古腾堡编辑器添加

为了能够和新版的WordPress古腾堡编辑器集成,Elementor开发了一款专用插件Elementor Blocks for Gutenberg,可以为古腾堡添加一个Elementor区块

安装好插件以后,就会在古腾堡区块中新增一个Elementor Library选项

1589198390-97c1bb0988edb2f

你可以在这里选择自己创建过的Elementor模板

1589198391-cf46c866371d8ad

最后加入到文章中的效果如下,你还可以随时更换与编辑模块

1589198392-2539a2a696b4874

在经典编辑器中添加(需要Elementor Pro)

在Elementor Pro中为我们提供了短代码功能,我们可以使用它把Elementor的模块添加到网站的各个地方

首先打开Elementor Templates,找到需要加入到文章中的区块,拷贝最后面的Shortcode

1589198394-7f4edda47c0853b

将短代码粘贴到经典编辑器中对应的位置,完成添加

1589198396-8868f78c2f971ac

在WordPress文章中加入Elementor模块不仅让页面更加漂亮,还可以像古腾堡的可重用区块那样在WordPress中添加需要多次使用的内容,比如一些广告、CTA、联系方式等,可以在多个地方使用同一个Elementor模块,一次修改所有区域生效,非常方便

免责申明:
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流,可进群讨论!
2. 如有无法查看或链接失效,烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 欢迎大家帮助本站出力,赞助费用仅维持本站的日常运营所需!故不接受任何形式的退款。
5. 搜5G网无法保证文章教程或资源的完善与安全,请自行检测解决。
6. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。
本站资源素材仅提供学习的平台,所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。本作品采用BY-NC-SA 4.0 《国际知识共享署名许可协议4.0》 进行许可 。
本站所有图片素材均享自由版权下创作共用CC0协议。
搜5G资源网,5G资源网 » 如何在WordPress自带编辑器中添加Elementor模块

发表评论

搜5G网永久会员限时优惠中,不限下载,免费更新

立即查看 了解详情