如何使用Divi主题中的定价表模块Price Table?

word-image-214-1080x675

在使用WordPress做线上产品网站时候,

您需要为产品创建详细的价格表,

在这里推荐您使用divi主题的定价表模块,

即使您的模块包含了多个定价表,

也将视为一个模块,并可以放置在任何地方。

什么是定价表模块

divi主题里的定价表模块是一个可以自定义的模块,

可以根据需求来设置表格里每个颜色和价格的功能,

甚至还可以制定一项特定计划来增加转化次数。

真实案例分析

我们有一位WordPress建站客户,

在她的WordPress网站中,

需要在页面添加多个产品价格和产品解析,

那么这个时候添加divi主题的定价表模块一定能满足他的需求。

模块编辑步骤

那么我们将开始教大家如何在WordPress的divi主题中创建这个定价表模块!

首先确认安装了正版DIVI主题

然后创建新页面,按绿色按钮添加插入“行”

word-image-203-1024x436

再按灰色的按钮添加模块,在插入模块中找到定价表模块并添加

word-image-204-1024x497

添加后自动弹出设置框,点击齿轮进入价格表设计,点击加号添加价格表样式

word-image-205-1024x351

点击进入设置,在对应的【标题、副标题、货币、频率、价格】里可以更改文本内容

word-image-206-1024x351

鼠标往下滚动,在正文处修改详情

word-image-207-1024x364

在背景的处修改文本颜色

word-image-208-1024x373

在设计里,修改标题文本颜色

word-image-209-1024x381

在价格表设置的设计里,在对应的选项【文本、标题文本、正文文本、副标题文本、价格文本】中修改相应的文本颜色、字体、字号、字距、行高

word-image-210-1024x359

鼠标往下滑修改货币字体、字体颜色、字体大小

word-image-211-1024x380

在设计里的项目符号里,可以修改详情文的标号颜色

word-image-212-1024x382

在设计的布局选项里,打开【使此变为特色会有特殊的标注】,根据网页设计需求来添加此项选择

word-image-213-1024x388

设置完成点击保存,就设置好了本次的定价表。

word-image-214-1024x458

结语

在使用WordPress的divi主题开发网站的时候,

在为线上产品创建表格的时候,

请翻阅一下这个很棒的教程,

会为您打开不一样的思路,协助您将网页做得更好。

本文由 8源码吧 作者:liaolong 发表,其版权均为 8源码吧 所有,文章内容系作者个人观点,不代表 8源码吧 对观点赞同或支持。如需转载,请注明文章来源。

发表评论