前两天悦然发布了一个Elementor外贸建站课程的预告,在网站上做了一个简单的报名活动倒计时模块,如上图所示。这里给大家分享一下在wordpress中如何制作类似的模块。
先来分析一下这种模块可以怎么做。左边的卡片可以使用一些插件自带的功能,如event等模块,如果网站没有安装这类插件,那就不用单独安装,使用现有的模块做一个也可以。右边的内容其实就是一个倒计时模块和一个按钮。接下来悦然wordpress建站分别给大家介绍古腾堡和Elementor中如何实现。
wordpress自带的古腾堡区块可以实现上面的大部分,但倒计时不行,所以这里我们还是要借助古腾堡增强插件,悦然就以GreenShift来演示,具体操作大家请直接看视频吧。
大家如需视频教程中做好的两个倒计时样式,可以在【wordpress建站开发】公众号回复【greenshift倒计时】下载代码,然后复制粘贴到古腾堡编辑器就可以了。(粘贴后及时替换图片、文字和链接)。
使用Elementor制作也是差不多的,拉一个容器出来,然后左右再平行排列两个小容器,分别把图片、标题、倒计时、图标列表、文字等模块加进去,最后微调样式就可以了。具体的操作大家直接看视频教程吧。
注:倒计时是Elementor pro的功能,如果你没有安装Elementor pro,也可以用其它第3方插件代码,可以下载Jeg Elementor Kit这个免费扩展插件,里面有Countdown倒计时功能。
© Copyright 2024. 悦然网络工作室/悦然wordpress建站 专注中小企业wordpress建站 All Rights Reserved.网站地图
本站图片来源为Pexels、Pixabay、Freepik、Unsplash等图片库的免费许可,CC0协议;还有部分为自己手绘,版权碰瓷请自重!法律服务:law@yueranseo.com 蜀ICP备20016391号-1 川公网安备 51011502000367号