
悦然发布过一个Elementor外贸建站课程的预告,在网站上做了一个简单的报名活动倒计时模块,如上图所示。这里给大家分享一下在wordpress中如何制作类似的模块。
先来分析一下这种模块可以怎么做。左边的卡片可以使用一些插件自带的功能,如event等模块,如果网站没有安装这类插件,那就不用单独安装,使用现有的模块做一个也可以。右边的内容其实就是一个倒计时模块和一个按钮。接下来悦然分别给大家介绍古腾堡和Elementor中如何实现。
古腾堡制作
wordpress自带的古腾堡区块可以实现上面的大部分,但倒计时不行,所以这里我们还是要借助古腾堡增强插件,悦然就以GreenShift来演示,具体操作大家请直接看视频吧。
大家如需视频教程中做好的两个倒计时样式,可以在【wordpress建站开发】公众号回复【greenshift倒计时】下载代码,然后复制粘贴到古腾堡编辑器就可以了。(粘贴后及时替换图片、文字和链接)。
Elementor制作
使用Elementor制作也是差不多的,拉一个容器出来,然后左右再平行排列两个小容器,分别把图片、标题、倒计时、图标列表、文字等模块加进去,最后微调样式就可以了。具体的操作大家直接看视频教程吧。
注:倒计时是Elementor pro的功能,如果你没有安装Elementor pro,也可以用其它第3方插件代码,可以下载Jeg Elementor Kit这个免费扩展插件,里面有Countdown倒计时功能。