WordPress的divi主题中内置幻灯片播放器模块使用教程

word-image-51-1080x577

文章概要

在使用WordPress建站做网站时候,

如果需要放置一些产品和服务功能,

产品还携带讲解视频的话,

那么你不妨试一下divi主题的幻灯片播放器模块,

这是一个能结合图像和视频的一个模块,

两者结合更能突显网页的专业感。

什么是幻灯播放器模块

在divi主题里添加幻灯播放器模块,

它是一个多页幻灯片以及具备可添加背景图和视频和文本内容的一个很实用的模块。

模块可以放置在任何地方,

可跨越其他所在的任何结构和宽度。

真实案例分析

我们有一位WordPress建站客户,

在她的WordPress网站中,

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

同时需要用到不同的背景来展现,

那么这个时候添加divi主题的幻灯播放器一定能满足他的需求。

模块编辑步骤

接下来,让我们来使用divi主题来演示一下灯片播放器模块如何制作吧。

首先需要在您的网站上请确保自己正确安装了divi主题。

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

word-image-15-800x340

再按灰色的按钮添加模块,在插入模块中找到幻灯播放器模块并添加

word-image-16-800x358

添加后自动弹出设置框,点击加号添加价格表样式

word-image-17-800x358

点击齿轮进入设置页面

word-image-18-800x356

在【幻灯片设置】里修改文本标题、按钮文字

word-image-19-800x368

鼠标往下滚动在【正文】处修改正文内容

word-image-20-800x364

在【设置】的图片和视频出添加图片,点击加号上传

word-image-21-800x358

选择所需要的图片,

注意:图片可以在上传文件上传添加也可以从从媒体库添加,

word-image-22-800x415

选择图片,点击上传图像,图片上传完成

word-image-23-800x415

鼠标往下滑在此处可以添加视频素材,点击加号添加素材

word-image-24-800x369

点击添加视频,选择【从UBL插入】

word-image-25-800x427

在上传文件处,添加视频网址

word-image-26-800x415

在【设置】的背景处,油漆桶为改变背景颜色,点击右上角齿轮设置颜色

word-image-27-800x372

第二个为渐变颜色,点击加号可添加背景渐变颜色

word-image-30-800x376

第三位为图片设置,点击加号上传图片

word-image-32-800x371

选择上传文件,点击选择文件,上传需要的图片

word-image-34-800x409

选择好后,点击上传图像,图片添加成功

word-image-36-800x406

如果添加背景让文字不明显可以在【设置】的【设计】覆盖里,添加文本叠加

word-image-38-800x375

在【设计】导航里修改箭头和导航的颜色

word-image-40-800x381

在图像里输入数值,可以将图片直角变圆角

word-image-42-800x375

在【设计】的标题和正文处可以修改文本的字体、字号、颜色、行高

word-image-44-800x381

在按钮处打开自定义按钮,才可编辑

word-image-46-800x382

此处编辑按钮文字颜色和按钮背景颜色

word-image-48-800x372

此处修改按钮字体和字体粗细

word-image-50-800x352

设置完成点击保存,就设置好了本次的幻灯片。

word-image-51-800x364

结语

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

用好的模块能更加有效的展示好的产品,

通过直观的效果吸引更多浏览者的目光,

达到一个好的宣传。

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

发表评论