wordpress朋友圈主题pink

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

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

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

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

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

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

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

什么是幻灯播放器模块

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

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

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

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

真实案例分析

我们有一位WordPress建站客户,

在她的WordPress网站中,

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

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

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

模块编辑步骤

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

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

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

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

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

点击齿轮进入设置页面

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

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

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

选择所需要的图片,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WP花园结语

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

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

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

达到一个好的宣传。

如果您在使用divi主题的过程中,

遇到关于使用WordPress的divi主题建站的问题,

欢迎给我们留言!

WordPress页面和幻灯片Slider之间的关系

大家好,这个分享一下“WordPress页面”和“幻灯片Slider”之间的关系。默认情况下,这两个东西没有任何关系。WordPress页面功能单一,幻灯片Slider是单独的插件,它们之间并不关联。但是安装了安装主题之后,页面和幻灯片就会产生关联。

以Avada主题为例。这个主题支持四种幻灯片(如下图)。Avada主题自带两种幻灯片。还集成了两个商业幻灯片,分别是Slider Revolution 和Layer Slicer,这两个都是(付费)插件。

以Slider Revolution插件为例(如下图),在Slider Revolution插件里可以创建多个幻灯片(组图),每个幻灯片(组图)都有个唯一的名字(这个很重要),每个幻灯片里面包含多张图片、或者多个场景,不同的场景之间循环播放,每个场景都有独立的背景图和前台文字。

本课时完整版内容收录在《WordPress主题公共课》教程中