如何把视频放在WordPress幻灯片中(DIVI主题)?

word-image-202-1080x638

在使用WordPress为客户做外贸网站的时候,我们会需要到多个视频展示,

为了更好的展示视频,divi主题里的视频幻灯播放器模块能轻松的将您的视频素材进行规律的收集和排版,

这样能让网页一下提高档次,模块还能自定义样式。

什么是视频幻灯播放器模块

在divi主题里添加视频幻灯播放器模块是将网页多个视频素材进行排列归纳在一个区域,

模块还可以对视频素材的封面图进行自定义。

对与普通的视频罗列相比,这是一个视频整理的好方法。

真实案例分析

我们有一位WordPress建站客户,

在她的WordPress网站中,需要添加多个产品详情视频,

并要在视频封面图中展示产品图片的时候,

divi主题的视频幻灯播放器模块就在适合不过了。

模块编辑步骤

接下来,让我们来使用divi主题来演示一下视频幻灯片模板如何制作吧。

首先请确保自己正确安装了divi主题。

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

word-image-188-1024x436

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

word-image-189-1024x440

添加后自动弹出设置框,点击齿轮对内容进行编辑 word-image-190-1024x424 点击齿轮后,在视频编辑里先按垃圾桶

word-image-191-1024x400

接着点击加号,添加视频素材

word-image-192-1024x418

在此处选择“从URL插入”

word-image-193-1024x545

在此处添加视频连接,并插入,这样就完成视频的添加了

word-image-194-1024x532

接着鼠标触碰模块,点击模块设置

word-image-195-1024x425

在设计里,点击加号可添加更多视频素材

word-image-196-1024x446

添加后点击齿轮可继续添加视频素材,操作同上

word-image-197-1024x507

鼠标点击模块设置,修改视频封面图

word-image-198-1024x514

在视频设置的图像覆盖里,按加号添加封面图

word-image-199-1024x507

点击上传文件,添加封面图,确认后点击上传图像即可

word-image-200-1024x557

点击模块设置,在设计里的调整大小,可以自由调整模块大小

word-image-201-1024x382

如图所示封面图添加完成

word-image-202-1024x516

结语

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

添加短视频能更好的讲解或传达信息,

在互联网发达的时代短视频几乎是不可缺少的部分,

而视频幻灯播放器模块能跟好的展示视频效果。

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

发表评论