如何在Divi主题中添加文章滑块模块使用教程?

word-image-52-1080x526

在使用WordPress为客户做外贸网站的时候,

有时候需要在博客页面中设置最新文章幻灯片,

那么可以使用Divi主题中的文章滑块来显示,

它是结合文章使用的滑块设计工具,

可以用来展示相关的文章显示,

能够快速帮助用户快速获取资讯内容。

什么是个人Post滑块模块

文章滑块可以在网站页面中展示最新的帖子,

每张滑块都将帖子的特色图像显示为背景图像,

帖子标题和帖子元以及更多按钮。

真实案例需求

我们使用WordPress建站为客户建站时

在她的网站中需要将最新的文章在网站页面中设置成滑块来展示,

那么使用Divi主题中的文章滑块模块就可以快速便捷的制作出来。

Post滑块模块步骤

这是我们使用Divi中所设计出来的大概效果。

word-image-52-800x354

接下来,我们将为大家演示一下制作过程

首先需要确认是否安装了正版的Divi主题。

然后我们在行内单击灰色加号按钮将文章滑块模块添加到页面中,

注意:模块只能添加到“行”内部。 word-image-53

然后再【内容】中设置滑块样式

邮政统计:选择您要在滑块中显示的文章数量。

包含的类别:选择要显示在滑块中的类别。

word-image-54-800x375

鼠标向下滚动,在【排序】中点击旁边的小按钮

word-image-55-800x393

可以选择文章显示的日期和标题

word-image-56-800x401

在【按钮】里输入按钮内容,若是不需要按钮把字删除即可

word-image-57-800x380

在【内容显示】里可以选择所要的显示效果。

word-image-58-800x359

帖子摘录:如果要忽略手动定义的摘录并始终自动生成,请禁用此选项。

【摘录长度】这里可以设置摘录的长度,一般默默认保留空白(270)

word-image-59-800x391

可以根据需求在【元素】里设置Post滑块的显示样式

word-image-60-800x421

在【内容/特色图片】里可以选择是否显示特色图片,

若是需要显示特色图片,在【推荐图片位置】点击旁边的按钮。 word-image-61-800x421

可以设置图片在页面中的展示位置。

word-image-62-800x421

在文章滑块设置【设计】选项卡中可以在设计选项卡中,您将找到模块的所有样式选项。

在【设计/覆盖】里,可以设置图片颜色的覆盖使用。

使用背景叠加:启用后,自定义叠加层颜色将添加到背景图片上方和滑块内容后面。

背景叠加颜色:使用颜色选择器为背景叠加选择一种颜色。

使用文字叠加:启用后,将在滑块文本后面添加背景色,以使其在背景图像上更具可读性。

word-image-63-800x421

【设计/导航】中可以设置箭头和点导航的颜色

word-image-64-800x421

在【标题文本】中,可以为文章标题设置文字字体、颜色、大小等

word-image-65-800x421

在【主体文本】中,可以为文章摘要设置文字字体、颜色、大小等

word-image-66-800x421

在【按钮】里启用自定义按钮之后才可设置按钮样式

word-image-67-800x421

【大小】可以设置图片的大小和位置设置。

word-image-68-800x421

结语

文章滑块模块是在页面中显示最新帖子的最佳方法,

每张滑块以特色图像为底结合文章的简短描述,

在页面中可以快速了解资讯的简要概括。

进入文章阅读,增加文章的阅读量。

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

发表评论