查询总数区块

前往区块列表

WordPress 6.8 将推出一个名为查询总数(Query Total)的新块,增强查询循环(Query Loop)块的灵活性。

这个新块显示查询中的结果总数,使用户更容易展示查询循环检索到的文章数量。

查询总数块旨在查询循环块内部使用。它会自动计算查询检索到的文章总数,并以用户友好的方式显示结果。例如,如果一个查询循环检索到 12 篇文章,查询总数块将显示

The Query total block on the site editor
站点编辑器中的查询总数块

注意: 你只能在查询循环块内部插入查询总数块。

要添加查询总数块,请在查询循环中编辑时点击块插入器图标。 

点击它即可将该块添加到页面模板中。你也可以使用键盘快捷键/query-total快速插入查询总数块

添加区块的详细说明

区块工具栏

要查看块工具栏,点击该块,工具栏就会显示。

Query total block toolbar
查询总数块工具栏

每个块都带有独特的工具栏图标和块特定的用户控件,让你直接在编辑器中操作该块。

查询总数块在块工具栏中显示七个按钮

  • 选择父块
  • 转换为
  • 拖动图标
  • 移动箭头
  • 更改显示类型
  • 更多选项

选择父块

点击选择父块按钮以移动到查询循环块

Select parent for Query Total block
查询总数块的父块选择

转换为

Transform button for the Query Total block
查询总数块的转换按钮

点击转换按钮,将查询总数块转换为列、详情或分组

Transform options for Query Total block
查询总数块的转换选项

拖动图标

Drag and drop tool on the toolbar
工具栏上的拖放工具

要将块拖放到页面模板上的新位置,点击并按住圆点矩形,然后将其拖到新位置。蓝色的分隔线表示块将放置的位置。找到放置块的新位置后,松开鼠标左键。

移动箭头

块工具栏上的块移动工具

向上和向下箭头图标可用于在页面上上下移动该块。

获取更多关于在编辑器中移动区块的信息。

更改显示类型

旁边的下一个按钮将允许你选择两种显示类型

“总结果数”选项显示找到的结果数量,例如:“找到 12 个结果”

Display type toolbar tool
显示类型工具栏工具

“范围显示”选项显示范围总数,例如“显示 1 – 10,共 12 个”。

Range display type for Query Total block
查询总数块的范围显示类型

更多选项

工具栏最右侧的三个垂直点表示的更多选项菜单,为你提供更多功能,例如复制、删除或以 HTML 形式编辑你的块。

Examples of the location of the "More Options" menu in a Query Total block.
查询总数块中“更多选项”菜单的位置示例。

阅读有关这些及其他设置的信息。

区块设置

块设置面板包含该块特有的自定义选项。要进入设置,选择该块并点击打开检查器侧边栏。你将看到块设置显示在下方,顶部标题为“查询总数”

Illustrates how to open settings for Query Total block
说明如何打开查询总数块的设置

颜色

文本和背景颜色可以按块设置,让你突出显示重要内容。使用颜色设置,你可以通过添加文本、背景和链接颜色来定制该块。

Color settings
颜色设置

有关更改颜色的更多信息,请参阅此指南。

排版

排版设置使你能够自定义查询总数块中内容的字体和文本外观。这些设置有各种选项,例如字体家族、大小、外观、行高、字母大小写、字间距和装饰。

获取有关更改排版设置的更多详细信息。

尺寸

查询总数块提供了各种选项来调整其尺寸,例如宽度和高度,让你自定义文本布局以确保视觉一致性。

Dimension settings
尺寸设置

有关详细信息,请参阅此支持文章:尺寸设置概述

边框

查询总数块提供边框设置选项,用于添加边框颜色、宽度和半径。

Border settings
边框设置

有关详细信息,请参阅此支持文章:边框设置概述

高级

高级选项卡允许你为你的块添加 CSS 类。这将允许你为该块编写自定义 CSS 和样式。

Advanced tab
高级选项卡

附加 CSS 类允许你为该块编写自定义 CSS 类,以便你可以根据需要对其进行样式设置。

更新日志

  • 更新日期:2025-06-28(鸣谢 @benazeer
    • 添加了概述和视频
  • 创建日期:2025-04-29(鸣谢 @n8finch

这篇文章有帮助吗?如何改进?

首次发布

最后更新