利用查询循环


查询循环可以展示博客帖子、页面、类别、标签等!您可以在主页和其他网页上自动更新列表,而无需任何编码技能。在本教程中,我们将学习如何在帖子或页面上使用查询循环,以便通过单击几个按钮来显示动态内容。  

学习成果

  1. 识别查询循环块的结构。
  2. 使用Query Loop块修改博客文章的显示方式。
  3. 使用查询循环模式。
  4. 分配分类法(类别、标记、作者)以创建一系列动态内容。
  5. 有效利用列表视图和侧栏设置。

理解问题

  1. 您想显示什么类型的列表?
  2. 如何在没有代码的情况下显示具有设置指定参数的帖子列表?

成绩单

大家好,欢迎学习WordPress。当你听到查询循环这个词时,你首先想到的是查询什么?如果是这样,你并不孤单。这个功能强大的块可以用于显示基于指定参数的帖子。查询意味着询问。因此,该块将允许您要求数据库显示有关特定主题的所有帖子。您可以根据自己的喜好进行自定义,以特定顺序查看最新的帖子,更改站点上显示的帖子数量,或排除特定类别的帖子。
例如,你可以要求查看所有关于无麸质食谱的帖子,以及所有关于电脑游戏评论的帖子。Query Loop块将很乐意回答您的问题或查询,并向您展示所有这些帖子的预览。

每个Query Loop块由各种块组成,如Post Featured块、Categories块、Post Title块、Post-Author块、PostExcrpt块等。虽然您无法编辑这些嵌套块的内容,但可以自定义外观和布局,包括根据需要添加或删除其他块。让我们看看几个示例网站,看看它们是如何使用查询循环的。

在我们的第一个例子中,使用了一个查询循环来突出最新的故事,这些故事表彰了女性的创造力、领导力、勇气和创新。下面是一个查询循环,用于显示博客帖子。在第二个示例中,查询循环用于显示不同类型的配方。首先,我们有早餐食谱,如果我们向下滚动,还有美味的开胃菜。在上一个示例中,使用了一个查询循环来创建新闻页面。

让我们首先看看如何修改Query Loop块并使用模式。所以,让我们进入外观并单击编辑器。这将带我们到我们的站点编辑器。目前,我们的主页模板上显示了我们所有的博客帖子。让我们打开列表视图,然后进入Query Loop块。在我们的右侧,我们将看到我们所有的博客帖子都显示在网格视图中,但我们可以通过单击将其更改为列表视图。

当我们在列表视图中打开Query Loop块时,我们会注意到,目前我们可以看到帖子特色图片、帖子标题、帖子摘录和帖子日期,当然,我们可以更改想要显示的内容。所以,让我们添加一个Post Author块来查看每个帖子的作者。如果你在一篇帖子中更改了一些内容,它就会出现在其他任何地方。当然,不要忘记单击“保存”。

但如果我们想使用完全不同的模式和布局呢?好的,我们可以单击块工具栏中的“替换”,在旋转视图或网格视图中浏览随主题而来的各种模式。目前我在旋转木马视图中,当您单击箭头或移动器时,您可以浏览随主题而来的各种模式。
当你选择一个图案时,你当然可以随心所欲地定制它。

我将继续删除文章摘录块,然后将文章标题的大小更改为大,并在文章标题块上方插入一个文章特色图像块
然后,我会将“Post Featured Image”块的高度更改为282像素,以确保所有图像显示相同。最后,我将使用箭头更改Post Date块的位置,并将其推到Post-featured图像的下方。

另一个选项是删除查询循环以添加一个新的循环,当您这样做时,您有两个选项,选择我们刚才看到的模式或开始空白,当您开始空白时,有一些变化可供选择。一旦你做出了选择,你就可以进行相应的定制。

接下来,我们将了解分类法或过滤器以及如何使用侧栏设置。我已经创建了一个生活方式页面,只想看到与此主题相关的帖子。因此,我将选择Query Loop块,然后打开侧栏设置。我们要做的第一件事是取消选择Inheritqueryfromtemplate,因为我想自定义查询循环的设置。当你向下滚动时,你现在可以选择使用分类法,如类别和标签、作者,甚至关键字来过滤你的帖子。

我将选择分类法,因为我创建了一个名为lifestyle的类别,只想看到显示了该类别的帖子。当我添加生活方式类别时,所有没有此类别的帖子都将被排除在外。其次,我已经创建了一个营养页面,现在我们将使用分类法只显示带有营养标签的帖子。因此,我将选择Query Loop块,单击filters并选择taxonomies,然后搜索nutrition标签。一旦被选中,我所有的帖子都将与健康饮食有关。

您还可以选择显示特定作者的帖子。因此,一旦我再次选择Query Loop块,我将转到侧栏设置,单击过滤器,选择作者,然后选择我想显示其帖子的人。现在我们只看到罗杰·李斯特写的帖子。当然,你也可以选择一个关键词,只显示文本中包含该词的帖子。

最后,让我们仔细看看我们的侧边栏设置。如前所述,我已经从模板中取消选择了Inherit查询。如果将其打开,某些自定义选项将被隐藏,如果将其关闭,将显示更多自定义选项。

下一个选项是post-type。目前我们正在显示博客帖子,但您甚至可以显示页面或自定义帖子类型。下一个设置是列,您可以在这里更改要显示的列数。在下面,您可以选择按最新到最旧、最旧到最新或字母顺序排列帖子。

接下来,我们来谈谈贴子。粘性帖子是指贴在博客页面顶部的帖子,侧边栏设置中的选项允许您包含、排除或仅显示粘性帖子。当然,我们已经讨论过使用过滤器,最后,您还可以选择更改Query Loop块的文本、背景和链接的颜色。

最好利用查询循环,并访问学习WordPress以获取更多教程和培训材料。

研讨会详细信息


演示者

韦斯·塞隆
@西7

我是Automatic赞助的WordPress开源项目的教学设计师。我是开源运动的坚定支持者。我有教育和内容开发方面的背景。我是丈夫、父亲、梦想家和终身学习者。