跳转到主要内容
阅读时间:7分钟 (1356字)

如何使用 WP Latest Posts 插件和小部件设计 DIVI 博客

DIVI_blog_using_WP_Latest_post_plugin_and_widget

借助 DIVI 建站工具,我们可以设计出色的网站,它是一款非常易用的页面构建器,几乎涵盖了所有功能!但有时我们需要一些额外的组件,例如创建一个优秀的博客页面,而WP Latest Post with DIVI正好可以满足我们的需求。

WP Latest Post 是一款插件,它允许我们使用过滤器和设计工具创建包含最新文章的页面,从而在创纪录的时间内完成工作,并使其完美契合我们的网站。.

在这篇文章中,我们将了解如何使用 DIVI 和 WP Latest Post 来充分利用两者的功能。.

想在您的 WordPress 网站上展示动态且引人注目的最新文章吗?

WP Latest Posts插件可以帮您轻松实现。它能以美观且可自定义的方式展示您的最新内容,吸引访客的目光。
立即体验!

立即获取插件

创建一个包含我们最新 WordPress 文章的区块

首先,我们需要在 WP Latest Post 中创建一个文章块,以便将其嵌入到 DIVI 中。.

要做到这一点,请转到左侧菜单中的“WP 最新文章” >“所有新区块” “+新建区块”按钮,点击它。



我们将能够定义标题,然后继续创建区块。.

块的创建分为 3 个部分,我们可以定义块的每个部分,第一部分是源。

顾名思义,我们可以定义区块将使用的内容来定义包含的文章,我们可以使用页面、文章、分类或自定义文章类型。.

在本教程中,我们将选择“文章”选项,因为我们正在创建一个博客页面。.


选择数据源后,我们可以定义如何筛选内容以及自定义内容的显示方式,具体定义如下:

分类:筛选每个分类下显示的内容。

排序方式:定义文章的排序方式,例如是否基于创建日期,以及升序或降序。行数/列项目

:选择要显示的行数、列数以及要显示的最大项目数。

发布日期:定义是否仅显示特定日期之前/之后发布的文章。

最新创建的内容:允许我们定义最近几小时/几天/几个月/几年内创建的文章。

内容包含:定义是否要显示某个分类一次或多次。



我们还可以在模块标题下方,通过我们当前的内容和选择来确认将显示的帖子数量。.



现在我们可以跳到下一部分,即显示和主题,我们可以在 WP Latest Post ( +Addon ) 的 8 个可用主题中选择一个。

首先,在本部分,我们将能够看到主题选择以及调整主题的选项,这些选项会根据我们选择的主题而变化。


默认主题



类别网格



Masonry 主题



Material Horizo​​ntal Theme



Material Vertical Theme



作品集主题



平滑悬停主题



时间线主题



每个主题都有很多选项,所以我们可以调整我们更喜欢的主题,使其完美契合我们的页面,只需点击几下即可。.

方便后续操作,本文将使用Masonry主题

现在我们可以进入本部分的下一个标签页,即主题设置。根据我们选择的主题,主题设置可能会有所不同。对于我们选择的这个主题,我们可以选择显示标题、加载更多按钮,以及在鼠标悬停时强制显示图标。

首先,我们可以自定义鼠标悬停时显示的图标,并将其更改为 WP Latest Post 提供的任何图标,或者上传我们自己的图标。.



我们将看到另一个选项卡,即“动画” 。此选项用于管理包含动画的主题,例如“平滑悬停”主题(它是一种滑块)。 Masonry完全没有动画,因此我们将跳过它。

现在我们可以进入最后一部分,即图像来源,在这里我们可以定义帖子中将使用的图像(对于完全没有图像的帖子),以及使用帖子中可用的第一张图像或特色图像。



至此,我们完成了区块帖子的配置,现在可以发布它了。.

我们会看到一个额外的标签页,我们可以在其中找到短代码,还可以定义它是私有的,还是要在特定时间发布该区块。


DIVI页面构建器里有很多很棒的工具,可以实现一个非常实用的功能!现在让我们用DIVI把它添加到页面中吧。.


使用 DIVI 和 WP Latest Post 创建博客页面

既然我们已经了解了创建帖子模块是多么容易,那么让我们把它添加到我们的 DIVI 页面中。.

首先,前往您的页面/文章并进行编辑或创建一个新页面/文章,然后点击“使用 DIVI Builder”



现在我们可以开始插入我们的模块,然后搜索WP Latest Posts ,插件的区块就会出现,点击它。



选择“区块”的选项将作为第一个可用选项出现,点击“选择区块” ,然后点击“区块帖子”,在本例中,我们输入了“我的帖子部分”



我们的模块预览将立即在后台加载。.



就这样!只需点击几下鼠标,一个超棒的博客页面就创建完成了。.

另一点需要记住的是,我们可以使用 Divi 选项实时调整“最新文章”模块,我们可以设置背景、间距、过滤器以及许多其他选项。.



现在我们只需要完成必要的编辑并发布即可!我们的全新自定义博客页面已经完成,一切准备就绪!

只需点击几下鼠标,就能创建我们见过的最棒的博客页面,而且由于我们拥有丰富的样式选项,它总能完美契合我们的内容,太棒了!是不是?


WordPress网站所有者请注意!

WP Latest Posts让您的访客随时了解最新资讯并保持互动。轻松以精美且用户友好的格式展示您的最新文章、新闻或更新。
立即开始!

立即获取插件

解锁 WordPress 新闻版块创建的更高阶功能

正如您所见,WP Latest Post 是我们 WordPress 网站的绝佳补充,它不仅可以创建博客页面,还可以创建各种类型的新闻版块!例如,按类别筛选新闻,并为每个类别显示不同的新闻版块,或者为我们的 WooCommerce 产品创建新闻版块。.

可能性无限,而且它还兼容 WordPress 中所有主流页面构建器,还在等什么?点击这里开始创作吧!

随时了解情况

当您订阅博客时,当网站上有新的更新时,我们会向您发送一封电子邮件,这样您就不会错过它们。

相关文章

 

评论

尚未发表评论。 成为第一个提交评论的
已经注册? 在此登录
2026年1月31日,星期六

验证码图像