跳至主要内容
阅读时间:5分钟 (962字)

如何在 Avada 主题中加载您的 WordPress 最新文章

如何在 Avada 主题中加载您的 WordPress 最新文章

使用小部件展示我们的最新帖子是让用户了解我们网站最新内容的最佳方式之一,如果我们能将其与 
具有强大构建器的 Avada 主题结合起来,我们就能最大限度地发挥它的作用!

WP Latest Posts 允许我们使用最新的文章生成区块,使用其中一个可用的主题,并且使用过滤器,以便我们可以显示我们想要显示的内容,它还为所有主要页面构建器(包括Avada)提供了专用区块/小工具。.

在本教程中,我们将看到如何使用Avada和 WP Latest Posts直接在我们的网站内容中添加最新的帖子块。.


想要在您的WordPress网站上显示动态和引人注目的最新文章?

WP Latest Posts 插件已经为您准备好了。通过精美且可定制的最新内容展示来吸引您的访客。
立即试用!

立即获取插件

创建一个WordPress最新文章区块

首先,我们将使用最新的文章创建一个区块,让我们看看使用 WP Latest Posts 和其中一个可用的主题创建它有多么容易。.

前往 WP Latest Posts ,然后点击 +新建区块



这将打开一个包含仪表板的部分,我们可以从这里开始创建块。.

首先,会有一个选项可以选择来源,我们可以选择要添加的帖子/帖子类型,例如,一个普通帖子或自定义帖子类型,如果我们想使用,例如 WooCommerce 产品

那么,让我们输入一个标题并选择来源。.



根据在此步骤中选择的数据源,下一个设置将有所不同,在这种情况下,由于 文章 被选中,我们将能够设置:

顺序。

最大列/行/帖子。

发布日期



现在这已经完成了,我们可以继续下一步,即 显示和主题

这一步是定义将要使用的主题及其设置。.

可用的主题有:

默认免费主题



分类网格(专业版)



Masonry 主题(专业版)



Material Horizontal 主题(专业版)



材料垂直主题(专业版)



作品集主题(专业版)



平滑悬停主题(专业版)



时间轴主题(专业版)



在这种情况下, 分类网格 将被使用,但如果您拥有 专业插件,您可以随意使用任何可用的主题,之后,我们将拥有主题设置选项,可以调整主题以适应我们的内容。



最后,我们有 动画 选项卡,我们可以在这里编辑包含动画的主题,如 平滑悬停 主题。

现在我们已经设置了主题,下一步是 图片来源 ,在这里我们可以指定将在最新文章主题中使用的图片。



我们已经完成了块的创建!现在我们可以继续使用 Avada发布它。

另一个额外的步骤是 短代码 选项卡,它允许我们 能够在任何地方使用我们的区块部分,使用任何页面构建器或编辑器。

本节还允许我们将块设置为私有,并设置发布日期。.


正如我们所见,一个很棒的工具,具有许多功能,也很容易使用,我们可以将其融入任何内容!


WordPress最新文章区块添加到Avada

现在我们已经创建了包含最新文章的块,可以继续使用Avada将其添加到我们的页面/文章中。.

前往已创建的页面/文章或创建一个新的并使用 Avada进行编辑。



现在编辑器已加载,请点击 +元素 并搜索 WP Latest Posts


将打开一个选项,我们可以在其中选择我们的区块。.



最后,点击 保存 ,完成!我们的最新帖子块将被添加到我们的内容中。



如果我们使用实时编辑器,那么这个过程将是一样的,使用Avada工具添加区块后就完成了!我们的最新文章已经准备好展示了。.



正如你可能知道的,使用这个工具的选项是无限制的和令人难以置信的!我们可以在任何地方添加最新的文章块,只需点击几下。.

最好的部分是,在块编辑器中完成的任何修改都将自动显示在前端发布的块中,太棒了!不是吗?


注意WordPress网站所有者!

让您的访客保持信息畅通并与 WP Latest Posts 插件互动。轻松以惊艳和用户友好的格式展示您的最新文章、新闻或更新。
今天就开始吧!

立即获取插件

Avada中强大的WordPress文章块

从创建博客页面到创建一个包含任何自定义帖子的部分,您想要的, WP Latest Posts 是一个必须使用的工具,它将使我们在展示帖子时达到下一个水平!

基本的帖子块,最新的产品块,以及无尽的选项,所以你在等什么?去 这里 并获得 WP Latest Posts

保持信息畅通

当您订阅博客时,我们会在网站有新更新时发送电子邮件给您,这样您就不会错过它们。.

相关文章

 

评论

没有评论,请留下您的第一条评论
已经注册? 在此登录
Monday, June 01, 2026

验证码图片