返回到支持 设计站点 循环查询区块

循环查询区块

循环查询区块是用于在网站上显示内容的强大区块。

添加循环查询区块

要添加循环查询区块,请点击 + 区块插入器图标并搜索“查询”。点击即可为文章或页面添加该区块。

💡

借助您的键盘,您还可以另起一行输入 /query 并按 Enter 键,从而快速添加新的循环查询区块

GIF 动画,演示了如何使用鼠标点击 + 图标、搜索“查询循环”,然后点击添加。

有关添加区块的详细说明,请点击此处查看。

第一次添加区块时,您可以从以下四种不同的变体中选择:

点击某个选项将其选中,然后您可以使用区块工具栏和边栏中的设置定制外观。


区块工具栏

当您点击区块时,选项工具栏将显示:

查询循环区块工具栏

循环查询区块的工具栏中提供以下选项:


区块设置

当您点击区块时,您将在右侧边栏中找到其他区块设置。如果您没有看到边栏,您可能需要点击右上角的 ⚙️(齿轮)图标,打开设置。

区块设置可在右侧边栏中找到。
区块设置
颜色设置

使用颜色设置可控制循环查询区块内文本、背景和链接的颜色。

查询循环区块颜色设置
设置

启用从模板继承查询选项之后,您的内容将使用默认选项显示。关闭可定制:

  • 文章类型:选择显示文章、页面、好评、项目,还是其他可以通过插件添加的自定义文章类型(例如,通过 WooCommerce 添加的产品)。
  • 排序方式:选择您的内容的列出顺序。

此外,您可以选择包含或排除文章置顶,或者仅显示文章置顶。

查询循环区块设置,显示“从模板继承查询”切换选项。
过滤器

要访问筛选选项,请关闭从模板继承查询设置。

借助筛选选项,您可以基于以下选项缩小显示内容的范围:

过滤器设置,显示了用于根据分类、标签、作者和关键字缩小范围的框。

循环查询区块的元素

循环查询区块包含许多子区块,助力您更精确地控制内容的显示方式。

以下区块可以在循环查询区块内添加。虽然区块标有“文章”,但它们还适用于页面、文件夹、好评以及任何其他类型的内容:

下面的示例图像展示了循环查询区块,用于显示文章标题、文章日期、文章特色图片、文章标签、文章分类和文章摘要:

三篇博文,包含标题、日期、图像、标签、分类和摘要文本。

借助列表视图,您可以轻松查看循环查询区块内区块的当前结构。

要查看区块列表,请选择屏幕顶部的列表视图。图标看起来像三条彼此平行的水平线。

已展开的列表视图,显示了查询循环内的不同区块。

下面,您可以了解每个区块的描述。

文章标题区块

文章标题区块将显示您已发布的每段内容的标题。

当您点击区块时,选项工具栏将显示:

区块上方的文章标题区块工具栏。
文章标题区块工具栏

文章 标题区块的工具栏中提供以下选项:

区块设置

排版

适用于文章标题的字体系列,以及字体大小和行高。

颜色

文章标题的文本和背景颜色。如果您在下一部分选中“生成标题链接”选项,还可以在“颜色”下面设置链接颜色。

链接设置

如果您希望标题链接到内容,则选中“生成标题链接”。


文章日期区块

文章日期区块将显示每段内容的发布日期。

当您点击区块时,选项工具栏将显示:

文章日期区块上方显示的文章日期区块工具栏。
文章日期区块工具栏

文章日期区块的工具栏中提供以下选项:

区块设置

排版

适用于文章日期的字体系列,以及字体大小和行高。

颜色

文章日期的文本、背景和链接颜色。

格式设置

设置日期的显示格式。或者,仅显示文章的发布时间。


文章内容区块

文章内容区块将显示已发布的每篇文章或每个页面的全部内容。如果您仅想显示部分内容和“阅读更多”选项,您还可以查看文章摘要区块选项。

当您点击区块时,选项工具栏将显示:

文章内容区块上方显示的文章内容区块工具栏。
文章内容区块工具栏

文章 内容 区块的工具栏中提供以下选项:

区块设置

布局

取消选择“继承默认布局”,设置文章内容区块的高度和宽度(以像素为单位)。


文章摘要区块

文章摘要区块将显示已发布的每段内容的摘要。您可以将更多 区块添加到已发布内容,从而控制摘要的显示程度。这样的话,文章摘要区块仅显示已发布内容中更多区块上面添加的文本。

当您点击区块时,选项工具栏将显示:

文章摘要区块上方显示的文章摘要区块工具栏。
文章摘要区块工具栏

文章 摘要区块的工具栏中提供以下选项:

区块设置

排版

适用于文章摘要的字体系列,以及字体大小和行高。

颜色

文章摘要的文本、背景和链接颜色。

文章摘要设置

另起一行显示“阅读更多”链接。取消选中此链接,可在摘要末尾直接显示“阅读更多”文本。

💡

如果您希望在摘要底部显示“阅读更多”选项,请确保修改默认的“添加‘阅读更多’链接文本”。


文章特色图片区块

文章特色图片区块将显示您已为内容设置的特色图片。点击此处,了解有关设置特色图片的更多信息。

当您点击区块时,选项工具栏将显示:

文章特色图片区块工具栏。
文章特色图片区块工具栏

文章 特色图片的工具栏中提供以下选项:

区块设置

链接设置

启用该选项,将图像链接到已发布内容。此选项默认处于关闭状态。


文章分类区块

文章分类区块将显示您已为发布内容分配的分类。点击此处,详细了解分类。

当您点击区块时,选项工具栏将显示:

区块上方显示的文章分类区块工具栏。
文章分类区块工具栏

文章 分类区块的工具栏中提供以下选项:

区块设置

排版

适用于文章摘要的字体系列,以及字体大小和行高。

颜色

分类的文本、背景和链接颜色。


文章标签区块

文章标签区块将显示您为内容添加的标签。点击此处,详细了解标签。

当您点击区块时,选项工具栏将显示:

区块上方显示的文章标签区块工具栏。
文章标签区块工具栏

文章 标签区块的工具栏中提供以下选项:

区块设置

排版

适用于标签的字体系列,以及字体大小和行高。

颜色

标签的文本、背景和链接颜色。


上一篇文章和下一篇文章

使用上一篇文章下一篇文章区块可显示指向上一篇和下一篇文章的链接。

当您点击区块,选项工具栏将显示:

上一篇文章和下一篇文章区块上方显示的上一篇文章或下一篇文章工具栏。

这些区块的工具栏中提供以下选项:


高级

通过“高级”选项卡,您可以在区块中添加 CSS 类,从而编写自定义 CSS 并根据需要设置区块的样式。

在“高级”区域中向区块添加 CSS 类。
在“高级”区域中向区块添加 CSS 类。
Copied to clipboard!