spot_img
HomeDivi主题使用教程WordPress的Divi主题教程31:如何在Divi主题中添加文章滑块模块使用教程?

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

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

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

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

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

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

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

在使用Divi主题模块之前,你需要购买正版的Divi主题,这里是我们WP花园的Divi主题70%折扣购买通道。

什么是个人Post滑块模块

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

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

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

真实案例需求

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

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

贷款申请在线申请,高额度,快速下款!

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

Post滑块模块步骤

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

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

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

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

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

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

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

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

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

WordPress建站服务

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

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

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

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

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

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

WordPress divi主题

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

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

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

wordpress建站公司

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

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

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

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

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

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

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

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

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

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

WP花园结语

如果你想使用本文中的Divi模块,可以从这里购买Divi正版主题,享受70%的折扣。

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

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

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

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

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

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

欢迎给我们留言!

siteground 小红书电商教程
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES
spot_img

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据