本页面列出了 block-library 包中包含的区块。

  • 带有删除线 (strikeout) 的项目已明确禁用。
  • 标记为 Experimental: true 的区块仅在 Gutenberg 激活时可用。
  • 标记为 Experimental: fse 的区块仅在站点编辑器中可用。

已过时的区块 — 以下区块已过时,不应在新内容中使用。

手风琴

显示一个可折叠的布局,将内容分组到可折叠部分中。

  • 名称: core/accordion
  • 类别: design
  • 允许区块: core/accordion-item
  • 支持: align (full, wide), anchor, ariaLabel, background (backgroundImage, backgroundSize, gradient), color (background, button, gradients, heading, link, text), contentRole, interactivity, layout, listView, shadow, spacing (blockGap, margin, padding), typography (fontSize, lineHeight), html
  • 属性: autoclose, headingLevel, iconPosition, levelOptions, showIcon

手风琴标题

显示一个切换手风琴面板的标题。

  • 名称: core/accordion-heading
  • 类别: design
  • 父级: core/accordion-item
  • 支持: anchor, color (background, gradients, text), interactivity, shadow, spacing (padding), typography (fontSize, lineHeight), align, lock, visibility
  • 属性: iconPosition, level, openByDefault, showIcon, title

手风琴项目

将标题和面板包裹在一个单元中。

  • 名称: core/accordion-item
  • 类别: design
  • 父级: core/accordion
  • 允许区块: core/accordion-heading, core/accordion-panel
  • 支持: background (gradient), color (background, button, gradients, heading, link, text), contentRole, interactivity, layout (allowEditing), shadow, spacing (blockGap, margin, padding), typography (fontSize, lineHeight), html
  • 属性: openByDefault

手风琴面板

包含标题下方的隐藏或显示的内容。

  • 名称: core/accordion-panel
  • 类别: design
  • 父级: core/accordion-item
  • 支持: allowedBlocks, background (backgroundImage, backgroundSize, gradient), color (background, button, gradients, heading, link, text), contentRole, interactivity, layout (allowEditing), shadow, spacing (blockGap, padding), typography (fontSize, lineHeight), html, lock, visibility
  • 属性: templateLock

归档

显示您帖子的日期归档。

  • 名称: core/archives
  • 类别: widgets
  • 支持: align, anchor, background (backgroundImage, backgroundSize, gradient), color (background, gradients, link, text), dimensions (minHeight), interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight), html
  • 属性: displayAsDropdown, showLabel, showPostCounts, type

音频

嵌入一个简单的音频播放器。

  • 名称: core/audio
  • 类别: media
  • 支持: align, anchor, color (link, background, text), interactivity (clientNavigation), spacing (margin, padding)
  • 属性: autoplay, blob, caption, id, loop, preload, src

头像

添加用户的头像。

  • 名称: core/avatar
  • 类别: theme
  • 支持: align, anchor, color (background, text), filter (duotone), interactivity (clientNavigation), shadow, spacing (margin, padding), alignWide, html
  • 属性: isLink, linkTarget, size, userId

模式

在整个站点中重复使用此设计。

  • 名称: core/block
  • 类别: reusable
  • 支持: interactivity (clientNavigation), customCSS, customClassName, html, inserter, renaming, visibility
  • 属性: content, ref

面包屑

显示一条面包屑路径,指示当前页面的路径。

  • 名称: core/breadcrumbs
  • 类别: theme
  • 支持: align (full, wide), anchor, background (gradient), color (background, gradients, link, text), interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight), html
  • 属性: prefersTaxonomy, separator, showCurrentItem, showHomeItem, showOnHomePage

按钮

提示访客通过按钮样式的链接采取行动。

  • 名称: core/button
  • 类别: design
  • 父级: core/buttons
  • 支持: anchor, background (backgroundImage, backgroundSize, gradient), color (background, gradients, text), dimensions (width), interactivity (clientNavigation), shadow, spacing (padding), splitting, typography (fontSize, lineHeight, textAlign), alignWide, align, reusable
  • 属性: backgroundColor, gradient, linkTarget, placeholder, rel, tagName, text, textColor, title, type, url

按钮组

提示访客通过一组按钮样式的链接采取行动。

  • 名称: core/buttons
  • 类别: design
  • 允许区块: core/button
  • 支持:对齐 (全宽、宽),锚点,背景 (backgroundImage, backgroundSize, gradient), 颜色 (background, gradients, text),contentRole,尺寸 (minHeight, minWidth),交互性 (clientNavigation),布局 (default, allowInheriting, allowSwitching),listView,阴影,间距 (blockGap, margin, padding),排版 (fontSize, lineHeight), html

日历

您网站文章的日历。

  • 名称: core/calendar
  • 类别: widgets
  • 支持:对齐,锚点,颜色 (background, link, text), 交互性 (clientNavigation), 排版 (fontSize, lineHeight), html
  • 属性:month, year

术语列表

显示给定分类法的所有术语的列表。

  • 名称: core/categories
  • 类别: widgets
  • 支持:对齐,锚点,背景 (backgroundImage, backgroundSize, gradient), 颜色 (background, gradients, link, text), 交互性 (clientNavigation), 阴影,间距 (margin, padding), 排版 (fontSize, lineHeight, textColumns), html
  • 属性:displayAsDropdown, label, showEmpty, showHierarchy, showLabel, showOnlyTopLevel, showPostCounts, taxonomy

代码

显示尊重您的间距和缩进的代码片段。

  • 名称: core/code
  • 类别: text
  • 支持:对齐 (wide), 锚点,背景 (backgroundImage, backgroundSize, gradient), 颜色 (background, gradients, text), 尺寸 (minHeight, minWidth), 交互性 (clientNavigation), 阴影,间距 (margin, padding), 排版 (fontSize, lineHeight)
  • 属性:content

列

多列块中的一个单列。

  • 名称: core/column
  • 类别: design
  • 父级: core/columns
  • 支持:allowedBlocks, 锚点,背景 (backgroundImage, backgroundSize, gradient), 颜色 (background, button, gradients, heading, link, text), 交互性 (clientNavigation), 布局,阴影,间距 (blockGap, padding), 排版 (fontSize, lineHeight), html, reusable
  • 属性:templateLock, verticalAlignment, width

多列

在多列中显示内容,并向每列添加块。

  • 名称: core/columns
  • 类别: design
  • 允许块: core/column
  • 支持:对齐 (full, wide), 锚点,背景 (backgroundImage, backgroundSize, gradient), 颜色 (background, button, gradients, heading, link, text), 尺寸 (minHeight, minWidth), 交互性 (clientNavigation), 布局 (default, allowEditing, allowInheriting, allowSwitching), 阴影,间距 (blockGap, margin, padding), 排版 (fontSize, lineHeight), html
  • 属性:isStackedOnMobile, templateLock, verticalAlignment

评论作者头像(已弃用)

此块已弃用。请使用头像块代替。

  • 名称: core/comment-author-avatar
  • 实验性: fse
  • 类别: theme
  • 祖先: core/comment-template
  • 支持:颜色 (background, text),交互性 (clientNavigation), 间距 (margin, padding), html, inserter
  • 属性:height, width

评论作者名称

显示评论作者的姓名。

  • 名称: core/comment-author-name
  • 类别: theme
  • 祖先: core/comment-template
  • 支持:锚点,背景 (gradient), 颜色 (background, gradients, link, text), 交互性 (clientNavigation), 间距 (margin, padding), 排版 (fontSize, lineHeight, textAlign), html
  • 属性:isLink, linkTarget

评论内容

显示评论的内容。

  • 名称: core/comment-content
  • 类别: theme
  • 祖先: core/comment-template
  • 支持:锚点,背景 (gradient), 颜色 (background, button, gradients, heading, link, text), 间距 (padding), 排版 (fontSize, lineHeight, textAlign), html

评论日期

显示发表评论的日期。

  • 名称: core/comment-date
  • 类别: theme
  • 祖先: core/comment-template
  • 支持:锚点,背景 (gradient), 颜色 (background, gradients, link, text), 交互性 (clientNavigation), 间距 (margin, padding), 排版 (fontSize, lineHeight, textAlign), html
  • 属性:format, isLink

评论编辑链接

显示在 WordPress 仪表盘中编辑评论的链接。此链接仅对具有编辑评论权限的用户可见。

  • 名称: core/comment-edit-link
  • 类别: theme
  • 祖先: core/comment-template
  • 支持:锚点,背景 (gradient), 颜色 (background, gradients, link, text),交互性 (clientNavigation), 间距 (margin, padding), 排版 (fontSize, lineHeight, textAlign), html
  • 属性:linkTarget

评论回复链接

显示回复评论的链接。

  • 名称: core/comment-reply-link
  • 类别: theme
  • 祖先: core/comment-template
  • 支持:锚点,背景 (gradient), 颜色 (background, gradients, link, text),间距 (margin, padding), 排版 (fontSize, lineHeight, textAlign), html

评论模板

包含用于显示评论的块元素,如标题、日期、作者、头像等。

  • 名称: core/comment-template
  • 类别: design
  • 父级: core/comments
  • 支持:对齐,锚点,交互性 (clientNavigation), 间距 (margin, padding), 排版 (fontSize, lineHeight), html, reusable

评论

一个高级块,允许使用不同的视觉配置显示文章评论。

  • 名称: core/comments
  • 类别: 主题
  • 支持: 对齐 (全宽, 宽), 锚点, 背景 (backgroundImage, backgroundSize, gradient), 颜色 (background, button, gradients, heading, link, text), 间距 (margin, padding), 排版 (fontSize, lineHeight), html
  • 属性: legacy, tagName

评论分页

在适用时,显示下一页/上一页评论的分页导航。

  • 名称: core/comments-pagination
  • 类别: 主题
  • 父级: core/comments
  • 允许的子块: core/comments-pagination-previous, core/comments-pagination-numbers, core/comments-pagination-next
  • 支持: 对齐, 锚点, 背景 (gradient), 颜色 (background, gradients, link, text), 交互性 (clientNavigation), 布局 (default, allowInheriting, allowSwitching), 间距 (blockGap, margin, padding), 排版 (fontSize, lineHeight), html, reusable
  • 属性: paginationArrow

评论下一页

显示下一页评论的链接。

  • 名称: core/comments-pagination-next
  • 类别: 主题
  • 父级: core/comments-pagination
  • 支持: 锚点, 背景 (gradient), 颜色 (background, gradients, text), 交互性 (clientNavigation), 排版 (fontSize, lineHeight), html, reusable
  • 属性: label

评论页码

显示用于评论分页的页码列表。

  • 名称: core/comments-pagination-numbers
  • 类别: 主题
  • 父级: core/comments-pagination
  • 支持: 锚点, 背景 (gradient), 颜色 (background, gradients, text), 交互性 (clientNavigation), 间距 (margin, padding), 排版 (fontSize, lineHeight), html, reusable

评论上一页

显示上一页评论的链接。

  • 名称: core/comments-pagination-previous
  • 类别: 主题
  • 父级: core/comments-pagination
  • 支持: 锚点, 背景 (gradient), 颜色 (background, gradients, text), 交互性 (clientNavigation), 排版 (fontSize, lineHeight), html, reusable
  • 属性: label

评论标题

显示带有评论数量的标题。

  • 名称: core/comments-title
  • 类别: 主题
  • 祖先: core/comments
  • 支持: 对齐, 锚点, 背景 (gradient), 颜色 (background, gradients, text), 交互性 (clientNavigation), 间距 (margin, padding), 排版 (fontSize, lineHeight, textAlign), html
  • 属性: level, levelOptions, showCommentsCount, showPostTitle

封面

添加带有文本叠加层的图片或视频。

  • 名称: core/cover
  • 类别: 媒体
  • 支持: 对齐, allowedBlocks, 锚点, 颜色 (heading, text, background, enableContrastChecker), 尺寸 (aspectRatio), 滤镜 (duotone), 交互性 (clientNavigation, interactive), 布局 (allowJustification), 阴影, 间距 (blockGap, margin, padding), 排版 (fontSize, lineHeight), html
  • 属性: allowedVideoProviders, alt, backgroundType, contentPosition, customGradient, customOverlayColor, dimRatio, focalPoint, gradient, hasParallax, id, isDark, isRepeated, isUserOverlayColor, minHeight, minHeightUnit, overlayColor, poster, sizeSlug, tagName, templateLock, url, useFeaturedImage

详情

隐藏和显示额外内容。

  • 名称: core/details
  • 类别: 文本
  • 支持: 对齐 (full, wide), allowedBlocks, 锚点, 背景 (backgroundImage, backgroundSize, gradient), 颜色 (background, button, gradients, heading, link, text), 尺寸 (minWidth), 交互性 (clientNavigation), 布局 (allowEditing), 阴影, 间距 (blockGap, margin, padding), 排版 (fontSize, lineHeight), html
  • 属性: name, placeholder, showContent, summary

嵌入

添加一个显示从其他网站(如 Twitter 或 YouTube)拉取内容的块。

  • 名称: core/embed
  • 类别: 嵌入
  • 支持: 对齐, 锚点, 尺寸 (minHeight, minWidth), 交互性 (clientNavigation), 间距 (margin, padding)
  • 属性: allowResponsive, caption, previewable, providerNameSlug, responsive, type, url

文件

添加一个可下载文件的链接。

  • 名称: core/file
  • 类别: 媒体
  • 支持: 对齐, 锚点, 背景 (backgroundImage, backgroundSize, gradient), 颜色 (background, gradients, link, text), 尺寸 (minHeight, minWidth), 交互性, 阴影, 间距 (margin, padding)
  • 属性: blob, displayPreview, downloadButtonText, fileId, fileName, href, id, previewHeight, showDownloadButton, textLinkHref, textLinkTarget

脚注

显示添加到页面的脚注。

  • 名称: core/footnotes
  • 类别: 文本
  • 支持: 锚点, 背景 (backgroundImage, backgroundSize, gradient), 颜色 (background, link, text), 尺寸 (minHeight, minWidth), 交互性 (clientNavigation), 阴影, 间距 (margin, padding), 排版 (fontSize, lineHeight), html, inserter, multiple, reusable

经典

使用经典的 WordPress 编辑器。

  • 名称: core/freeform
  • 类别: 文本
  • 支持: className, customCSS, customClassName, lock, renaming, reusable, visibility
  • 属性: content

图库

在丰富的图库中显示多张图片。

  • 名称: core/gallery
  • 类别: 媒体
  • 允许的子块: core/image
  • 支持:对齐 (align)、锚点 (anchor)、背景 (backgroundImage, backgroundSize, gradient)、颜色 (background, gradients, text)、尺寸 (minHeight, minWidth)、滤镜 (duotone)、交互性 (clientNavigation)、布局 (allowEditing, allowSizingOnChildren, default, allowInheriting, allowJustification, allowOrientation, allowSwitching, allowVerticalAlignment, allowWrap)、列表视图 (listView)、阴影、间距 (blockGap, margin, padding)、单位 (em, px, rem, vh, vw), html
  • 属性:allowResize, aspectRatio, caption, columns, dynamicContent, fixedHeight, ids, imageCrop, images, linkTarget, linkTo, navigationButtonType, randomOrder, shortCodeTransforms, sizeSlug

分组

在布局容器中收集区块。

  • 名称: core/group
  • 类别: 设计
  • 支持:对齐 (full, wide)、允许区块 (allowedBlocks)、锚点 (anchor)、ARIA 标签 (ariaLabel)、背景 (backgroundImage, backgroundSize, gradient)、颜色 (background, button, gradients, heading, link, text)、尺寸 (minHeight, minWidth)、交互性 (clientNavigation)、位置 (sticky)、阴影、间距 (blockGap, margin, padding)、排版 (fontSize, lineHeight, textColumns), html
  • 属性:tagName, templateLock

标题

引入新部分并组织内容,以帮助访客(和搜索引擎)理解您的内容结构。

  • 名称: core/heading
  • 类别: 文本
  • 支持:__unstablePasteTextInline、对齐 (full, wide)、锚点 (anchor)、背景 (backgroundImage, backgroundSize, gradient)、类名 (className)、颜色 (background, gradients, link, text)、尺寸 (minHeight, minWidth)、交互性 (clientNavigation)、阴影、间距 (margin, padding)、拆分、排版 (fitText, fontSize, lineHeight, textAlign, textIndent, textShadow)
  • 属性:content, level, levelOptions, placeholder

主页链接

创建一个始终指向站点首页的链接。如果页眉中已经存在站点标题链接,通常不需要此区块。

  • 名称: core/home-link
  • 类别: 设计
  • 父区块: core/navigation
  • 支持:锚点 (anchor)、背景 (backgroundImage, backgroundSize, gradient)、尺寸 (minHeight, minWidth)、交互性 (clientNavigation)、阴影、间距 (margin, padding)、排版 (fontSize, lineHeight), html, 可复用
  • 属性:description, label, opensInNewTab

自定义 HTML

添加自定义 HTML 代码并在编辑时预览。

  • 名称: core/html
  • 类别: 小部件
  • 支持:交互性 (clientNavigation)、列表视图 (listView), 类名, 自定义 CSS, 自定义类名, html, 可见性
  • 属性:content

图标

插入 SVG 图标。

  • 名称: core/icon
  • 类别: 媒体
  • 支持:对齐 (center, left, right)、锚点 (anchor)、ARIA 标签 (ariaLabel)、颜色 (background, text)、尺寸 (width)、交互性 (clientNavigation)、间距 (margin, padding), html
  • 属性:flipHorizontal, flipVertical, icon, rotation

图片

插入图片以表达视觉效果。

  • 名称: core/image
  • 类别: 媒体
  • 支持:对齐 (center, full, left, right, wide)、锚点 (anchor)、颜色 (background, text)、滤镜 (duotone)、交互性、阴影、间距 (margin)
  • 属性:alt, aspectRatio, blob, caption, focalPoint, height, href, id, isDecorative, lightbox, linkClass, linkDestination, linkTarget, rel, scale, sizeSlug, title, url, width

最新评论

显示您最近的评论列表。

  • 名称: core/latest-comments
  • 类别: 小部件
  • 支持:对齐、锚点 (anchor)、背景 (backgroundImage, backgroundSize, gradient)、颜色 (background, gradients, link, text)、尺寸 (minHeight, minWidth)、交互性 (clientNavigation)、阴影、间距 (margin, padding)、排版 (fontSize, lineHeight), html
  • 属性:commentsToShow, displayAvatar, displayContent, displayDate

最新文章

显示您最近的帖子列表。

  • 名称: core/latest-posts
  • 类别: 小部件
  • 支持:对齐、锚点 (anchor)、背景 (backgroundImage, backgroundSize, gradient)、颜色 (background, gradients, link, text)、尺寸 (minHeight, minWidth)、交互性 (clientNavigation)、布局、阴影、间距 (blockGap, margin, padding)、排版 (fontSize, lineHeight), html
  • 属性:addLinkToFeaturedImage, categories, displayAuthor, displayFeaturedImage, displayPostContent, displayPostContentRadio, displayPostDate, excerptLength, featuredImageAlign, featuredImageSizeHeight, featuredImageSizeSlug, featuredImageSizeWidth, order, orderBy, postsToShow, selectedAuthor

列表

按特定顺序显示的有序项目集合。

  • 名称: core/list
  • 类别: 文本
  • 允许区块: core/list-item
  • 支持:__unstablePasteTextInline、对齐 (full, wide)、锚点 (anchor)、背景 (backgroundImage, backgroundSize, gradient)、颜色 (background, gradients, link, text)、交互性 (clientNavigation)、列表视图 (listView)、阴影、间距 (margin, padding)、排版 (fontSize, lineHeight), html
  • 属性:ordered, placeholder, reversed, start, type, values

列表项

列表中的单个项目。

  • 名称: core/list-item
  • 类别: 文本
  • 父区块: core/list
  • 允许区块: core/list
  • 支持:锚点 (anchor)、背景 (backgroundImage, backgroundSize, gradient)、颜色 (background, gradients, link, text)、交互性 (clientNavigation)、阴影、间距 (margin, padding)、拆分、排版 (fontSize, lineHeight), 类名, html
  • 属性:content, placeholder

登录/登出

显示登录和登出链接。

  • 名称: core/loginout
  • 类别: 主题
  • 支持:锚点 (anchor)、背景 (backgroundImage, backgroundSize, gradient)、类名 (className)、颜色 (background, gradients, link, text)、尺寸 (minHeight, minWidth)、交互性 (clientNavigation)、阴影、间距 (margin, padding)、排版 (fontSize, lineHeight)
  • 属性:displayLoginAsForm, redirectToCurrent

数学

使用 LaTeX 显示数学符号。

  • 名称: core/math
  • 类别: 文本
  • 支持: 锚点,背景 (backgroundImage, backgroundSize, gradient),颜色 (background, gradients, text),尺寸 (minHeight, minWidth),交互性 (clientNavigation),阴影,间距 (margin, padding),排版 (fontSize), html
  • 属性: latex, mathML

媒体与文本

将媒体和文字并排显示以创建更丰富的布局。

  • 名称: core/media-text
  • 类别: 媒体
  • 支持: 对齐 (full, wide), allowedBlocks, 锚点,背景 (backgroundImage, backgroundSize, gradient),颜色 (background, button, gradients, heading, link, text),尺寸 (minHeight, minWidth),滤镜 (duotone),交互性 (clientNavigation),阴影,间距 (margin, padding),排版 (fontSize, lineHeight), html
  • 属性: align, focalPoint, href, imageFill, isStackedOnMobile, linkClass, linkDestination, linkTarget, mediaAlt, mediaId, mediaLink, mediaPosition, mediaSizeSlug, mediaType, mediaUrl, mediaWidth, rel, useFeaturedImage, verticalAlignment

不支持

您的网站不支持此块。

  • 名称: core/missing
  • 类别: 文本
  • 支持: 交互性 (clientNavigation), className, customCSS, customClassName, html, inserter, lock, renaming, reusable, visibility
  • 属性: originalContent, originalName, originalUndelimitedContent

更多

此块之前的内容会在博客和归档页面的摘要中显示。如果主题显示完整内容,访客会获得“阅读更多”链接以查看文章的其余部分。

  • 名称: core/more
  • 类别: 设计
  • 支持: 交互性 (clientNavigation), className, customCSS, customClassName, html, multiple, visibility
  • 属性: customText, noTeaser

导航

一组允许访客浏览您网站的块。

  • 名称: core/navigation
  • 类别: 主题
  • 允许块: core/navigation-link, core/search, core/social-links, core/page-list, core/spacer, core/home-link, core/icon, core/site-title, core/site-logo, core/navigation-submenu, core/loginout, core/buttons
  • 支持: 对齐 (full, wide), 锚点,ariaLabel, contentRole, inserter, 交互性,布局 (allowSizingOnChildren, default, allowInheriting, allowSwitching, allowVerticalAlignment), 间距 (blockGap, units),排版 (fontSize, lineHeight), html, renaming
  • 属性: __unstableLocation, backgroundColor, customBackgroundColor, customOverlayBackgroundColor, customOverlayTextColor, customTextColor, hasIcon, icon, maxNestingLevel, overlay, overlayBackgroundColor, overlayMenu, overlayTextColor, ref, rgbBackgroundColor, rgbTextColor, showSubmenuIcon, submenuVisibility, templateLock, textColor

导航链接

向您的导航添加页面、链接或其他项目。

  • 名称: core/navigation-link
  • 类别: 设计
  • 父块: core/navigation
  • 允许块: core/navigation-link, core/navigation-submenu, core/page-list
  • 支持: 锚点,交互性 (clientNavigation),排版 (fontSize, lineHeight), html, renaming, reusable
  • 属性: description, id, isTopLevelLink, kind, label, opensInNewTab, rel, title, type, url

导航覆盖关闭

一个可自定义的按钮,用于关闭覆盖层。

  • 名称: core/navigation-overlay-close
  • 类别: 设计
  • 支持: 颜色 (background, text, gradients), 阴影,间距 (padding),排版 (fontSize, lineHeight)
  • 属性: displayMode, text

子菜单

向您的导航添加子菜单。

  • 名称: core/navigation-submenu
  • 类别: 设计
  • 父块: core/navigation
  • 支持: 锚点,交互性 (clientNavigation),阴影,排版 (fontSize, lineHeight), html, reusable
  • 属性: description, id, isParentSubmenu, isTopLevelItem, kind, label, opensInNewTab, rel, title, type, url

分页符

将您的内容分隔为多页体验。

  • 名称: core/nextpage
  • 类别: 设计
  • 父块: core/post-content
  • 支持: 交互性 (clientNavigation), className, customCSS, customClassName, html, visibility

页面列表

显示所有页面的列表。

  • 名称: core/page-list
  • 类别: 小部件
  • 允许块: core/page-list-item
  • 支持: 锚点,背景 (backgroundImage, backgroundSize, gradient),颜色 (background, gradients, link, text), contentRole, 尺寸 (minHeight, minWidth), 交互性 (clientNavigation), 阴影,间距 (margin, padding), 排版 (fontSize, lineHeight), html, reusable
  • 属性: parentPageID

页面列表项

在全部页面的列表中显示一个页面。

  • 名称: core/page-list-item
  • 类别: 小部件
  • 父块: core/page-list
  • 支持: 锚点,交互性 (clientNavigation), html, inserter, lock, reusable
  • 属性: hasChildren, id, label, link, title

段落

从所有叙事的构建块开始。

  • 名称: core/paragraph
  • 类别: 文本
  • 支持: __unstablePasteTextInline, 对齐 (full, wide), 锚点,颜色 (background, gradients, link, text), 交互性 (clientNavigation), 阴影,间距 (margin, padding), 分割,排版 (fitText, fontSize, lineHeight, textAlign, textColumns, textIndent, textShadow), className
  • 属性: content, direction, dropCap, placeholder

模式占位符

显示一个块模式。

  • 名称: core/pattern
  • 分类: 主题
  • 支持: 交互性 (clientNavigation), html, 插入器, 重命名, 可见性
  • 属性: slug

播放列表

嵌入一个简单的播放列表。

  • 名称: core/playlist
  • 分类: 媒体
  • 允许的子块: core/playlist-track
  • 支持: 对齐,锚点,颜色 (背景、渐变、链接、文本),交互性,阴影,间距 (边距、内边距),排版 (fontSize)
  • 属性: caption, order, showArtists, showImages, showNumbers, showPlayButtonArtwork, showTrackLength, showTracklist, type, waveformBackgroundColor, waveformBackgroundGradient, waveformColor, waveformGradient, waveformStyle

播放列表曲目

播放列表曲目。

  • 名称: core/playlist-track
  • 分类: 媒体
  • 父块: core/playlist
  • 支持: 交互性 (clientNavigation), html, 可复用
  • 属性: album, artist, blob, id, image, imageAlt, length, src, title, type

作者(已弃用)

此块已弃用。请使用头像块、作者名称块和作者传记块代替。

  • 名称: core/post-author
  • 分类: 主题
  • 支持: 锚点,颜色 (背景、渐变、链接、文本),过滤器 (duotone),交互性 (clientNavigation),间距 (边距、内边距),排版 (fontSize, lineHeight), html, 插入器
  • 属性: avatarSize, byline, isLink, linkTarget, showAvatar, showBio, textAlign

作者传记

作者传记。

  • 名称: core/post-author-biography
  • 分类: 主题
  • 支持: 锚点,背景 (渐变),颜色 (背景、渐变、链接、文本),交互性 (clientNavigation),间距 (边距、内边距),排版 (fontSize, lineHeight, textAlign, textColumns, textIndent)

作者名称

作者名称。

  • 名称: core/post-author-name
  • 分类: 主题
  • 支持: 锚点,背景 (backgroundImage, backgroundSize, gradient),颜色 (背景、渐变、链接、文本),交互性 (clientNavigation),间距 (边距、内边距),排版 (fontSize, lineHeight, textAlign), html
  • 属性: isLink, linkTarget

评论(已弃用)

此块已弃用。请使用“评论”块代替。

  • 名称: core/post-comment
  • 实验性: fse
  • 分类: 主题
  • 允许的子块: core/avatar, core/comment-author-name, core/comment-content, core/comment-date, core/comment-edit-link, core/comment-reply-link
  • 支持: 交互性 (clientNavigation), html, 插入器
  • 属性: commentId

评论数

显示文章的评论数量。

  • 名称: core/post-comments-count
  • 分类: 主题
  • 支持: 锚点,背景 (渐变),颜色 (背景、渐变、文本),交互性 (clientNavigation),间距 (边距、内边距),排版 (fontSize, lineHeight, textAlign), html

评论表单

显示文章的评论表单。

  • 名称: core/post-comments-form
  • 分类: 主题
  • 支持: 锚点,背景 (backgroundImage, backgroundSize, gradient),颜色 (背景、按钮、渐变、标题、链接、文本),尺寸 (minHeight, minWidth),间距 (边距、内边距),排版 (fontSize, lineHeight, textAlign), html

评论链接

显示当前文章评论的链接。

  • 名称: core/post-comments-link
  • 分类: 主题
  • 支持: 锚点,颜色 (背景、链接、文本),交互性 (clientNavigation),间距 (边距、内边距),排版 (fontSize, lineHeight, textAlign), html

内容

显示文章或页面的内容。

  • 名称: core/post-content
  • 分类: 主题
  • 支持: 对齐 (full, wide),锚点,背景 (backgroundImage, backgroundSize, gradient),颜色 (背景、按钮、渐变、标题、链接、文本),尺寸 (minHeight, minWidth),交互性 (clientNavigation),布局,阴影,间距 (blockGap, margin, padding),排版 (fontSize, lineHeight, textAlign), html
  • 属性: tagName

日期

显示自定义日期。

  • 名称: core/post-date
  • 分类: 主题
  • 支持: 锚点,背景 (渐变),颜色 (背景、渐变、链接、文本),交互性 (clientNavigation),间距 (边距、内边距),排版 (fontSize, lineHeight, textAlign), html
  • 属性: datetime, format, isLink

摘要

显示摘要。

  • 名称: core/post-excerpt
  • 分类: 主题
  • 支持: 锚点,背景 (backgroundImage, backgroundSize, gradient),颜色 (背景、渐变、链接、文本),尺寸 (minHeight, minWidth),交互性 (clientNavigation),阴影,间距 (边距、内边距),排版 (fontSize, lineHeight, textAlign, textColumns), html
  • 属性: excerptLength, moreText, showMoreOnNewLine

特色图片

显示文章的缩略图。

  • 名称: core/post-featured-image
  • 分类: 主题
  • 支持: 对齐 (center, full, left, right, wide),锚点,颜色 (背景, 文本),过滤器 (duotone),交互性 (clientNavigation),阴影,间距 (边距、内边距), html
  • 属性: aspectRatio, customGradient, customOverlayColor, dimRatio, gradient, height, isLink, linkTarget, overlayColor, rel, scale, sizeSlug, useFirstImageFromPost, width

文章导航链接

显示与当前文章相邻的下一篇文章或上一篇文章的链接。

  • 名称: core/post-navigation-link
  • 类别: 主题
  • 支持: 锚点,颜色(背景、链接、文本),交互性 (clientNavigation),阴影,间距(边距、内边距),排版 (fontSize, lineHeight, textAlign), html, 可复用
  • 属性: arrow, label, linkLabel, showTitle, taxonomy, type

文章模板

包含用于渲染文章的块元素,如标题、日期、特色图片、内容或摘要等。

  • 名称: core/post-template
  • 类别: 主题
  • 祖先块: core/query
  • 支持: 对齐(全宽、宽),锚点,背景 (backgroundImage, backgroundSize, gradient),颜色(背景、按钮、渐变、标题、链接、文本),交互性 (clientNavigation),布局,阴影,间距 (blockGap, margin, padding),排版 (fontSize, lineHeight), html, 可复用

文章术语

文章术语。

  • 名称: core/post-terms
  • 类别: 主题
  • 支持: 锚点,背景 (backgroundImage, backgroundSize, gradient),颜色(背景、渐变、链接、文本),尺寸 (minHeight, minWidth),交互性 (clientNavigation),阴影,间距 (margin, padding),排版 (fontSize, lineHeight, textAlign), html
  • 属性: prefix, separator, suffix, term

阅读时间

显示完成阅读文章所需的分钟数。也可以显示字数。

  • 名称: core/post-time-to-read
  • 类别: 主题
  • 支持: 锚点,背景 (backgroundImage, backgroundSize, gradient),颜色(背景、渐变、文本),尺寸 (minHeight, minWidth),交互性 (clientNavigation),阴影,间距 (margin, padding),排版 (fontSize, lineHeight, textAlign), html
  • 属性: averageReadingSpeed, displayAsRange, displayMode

标题

显示文章、页面或其他任何内容类型的标题。

  • 名称: core/post-title
  • 类别: 主题
  • 支持: 对齐(全宽、宽),锚点,背景 (backgroundImage, backgroundSize, gradient),颜色(背景、渐变、链接、文本),尺寸 (minHeight, minWidth),交互性 (clientNavigation),阴影,间距 (margin, padding),排版 (fontSize, lineHeight, textAlign), html
  • 属性: isLink, level, levelOptions, linkTarget, placeholder, rel

预格式化

添加尊重您的缩进和制表符的文本,并允许样式化。

  • 名称: core/preformatted
  • 类别: 文本
  • 支持: 锚点,背景 (backgroundImage, backgroundSize, gradient),颜色(背景、渐变、链接、文本),尺寸 (minHeight, minWidth),交互性 (clientNavigation),阴影,间距 (margin, padding),排版 (fontSize, lineHeight)
  • 属性: content

引用语

为您的文本中的引用提供特殊的视觉强调。

  • 名称: core/pullquote
  • 类别: 文本
  • 支持: 对齐(全宽、左、右、宽),锚点,背景 (backgroundImage, backgroundSize, gradient),颜色(背景、渐变、链接、文本),尺寸 (minHeight, minWidth),交互性 (clientNavigation),阴影,间距 (margin, padding),排版 (fontSize, lineHeight, textAlign)
  • 属性: citation, value

查询循环

一个高级块,允许根据不同的查询参数和视觉配置显示文章类型。

  • 名称: core/query
  • 类别: 主题
  • 支持: 对齐(全宽、宽),锚点,交互性,布局,间距 (blockGap), html
  • 属性: enhancedPagination, namespace, query, queryId, tagName

无结果

包含用于在找不到查询结果时渲染内容的块元素。

  • 名称: core/query-no-results
  • 类别: 主题
  • 祖先块: core/query
  • 支持: 对齐,锚点,背景 (backgroundImage, backgroundSize, gradient),颜色(背景、按钮、渐变、标题、链接、文本),尺寸 (minHeight, minWidth),交互性 (clientNavigation),阴影,间距 (margin, padding),排版 (fontSize, lineHeight), html, 可复用

分页

在适用时,显示下一页/上一页文章的分页导航。

  • 名称: core/query-pagination
  • 类别: 主题
  • 祖先块: core/query
  • 允许块: core/query-pagination-previous, core/query-pagination-numbers, core/query-pagination-next
  • 支持: 对齐,锚点,背景 (gradient),颜色(背景、渐变、链接、文本),交互性 (clientNavigation),布局 (default, allowInheriting, allowSwitching),间距 (blockGap, margin, padding),排版 (fontSize, lineHeight), html, 可复用
  • 属性: paginationArrow, showLabel

下一页

显示下一页文章链接。

  • 名称: core/query-pagination-next
  • 类别: 主题
  • 父块: core/query-pagination
  • 支持: 锚点,背景 (gradient),颜色(背景、渐变、文本),交互性 (clientNavigation),排版 (fontSize, lineHeight), html, 可复用
  • 属性: label

页码

显示分页的页码列表。

  • 名称: core/query-pagination-numbers
  • 类别: 主题
  • 父块: core/query-pagination
  • 支持: 锚点,背景 (gradient),颜色(背景、渐变、文本),交互性 (clientNavigation),排版 (fontSize, lineHeight), html, 可复用
  • 属性: midSize

上一页

显示上一页文章链接。

  • 名称: core/query-pagination-previous
  • 类别: 主题
  • 父块: core/query-pagination
  • 支持:锚点、背景(渐变)、颜色(背景、渐变、文本)、交互性(客户端导航)、排版(字号、行高)、HTML、可复用
  • 属性:标签

查询标题

显示查询标题。

  • 名称:core/query-title
  • 类别:主题
  • 支持:对齐(全宽、宽屏)、锚点、背景(渐变)、颜色(背景、渐变、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字号、行高、文本对齐)、HTML
  • 属性:层级、层级选项、显示前缀、显示搜索词、类型

查询总数

显示查询结果总数。

  • 名称:core/query-total
  • 类别:主题
  • 父级:core/query
  • 支持:对齐(全宽、宽屏)、锚点、背景(背景图像、背景大小、渐变)、颜色(背景、渐变、文本)、尺寸(最小高度、最小宽度)、交互性(客户端导航)、阴影、间距(边距、内边距)、排版(字号、行高)、HTML
  • 属性:显示类型

引用

为引用的文本提供视觉强调。“在引用他人时,我们也在引用自己。”——胡利奥·科塔萨尔

  • 名称:core/quote
  • 类别:文本
  • 支持:对齐(全宽、左、右、宽屏)、允许块、锚点、背景(背景图像、背景大小、渐变)、颜色(背景、按钮、渐变、标题、链接、文本)、尺寸(最小高度、最小宽度)、交互性(客户端导航)、布局(允许编辑)、阴影、间距(块间隙、边距、内边距)、排版(字号、行高)、HTML
  • 属性:引用、文本对齐、值

阅读更多

显示帖子、页面或其他任何内容类型的链接。

  • 名称:core/read-more
  • 类别:主题
  • 支持:锚点、背景(背景图像、背景大小、渐变)、颜色(背景、渐变、文本)、尺寸(最小高度、最小宽度)、交互性(客户端导航)、阴影、间距(边距、内边距)、排版(字号、行高)、HTML
  • 属性:内容、链接目标

RSS

显示来自任何 RSS 或 Atom 源的条目。

  • 名称:core/rss
  • 类别:小部件
  • 支持:对齐、锚点、背景(背景图像、背景大小、渐变)、颜色(背景、渐变、链接、文本)、尺寸(最小高度、最小宽度)、交互性(客户端导航)、阴影、间距(边距、内边距)、HTML
  • 属性:块布局、列数、显示作者、显示日期、显示摘要、摘要长度、源 URL、显示项目数、在新标签页打开、关系

搜索

帮助访客查找您的内容。

  • 名称:core/search
  • 类别:小部件
  • 支持:对齐(居中、左、右)、锚点、颜色(背景、渐变、文本)、交互性、间距(边距、内边距)、排版(字号、行高)、HTML
  • 属性:按钮位置、按钮文本、按钮使用图标、标签、占位符、查询、显示标签、标签名、宽度、宽度单位

分隔符

使用水平分隔符在想法或章节之间创建中断。

  • 名称:core/separator
  • 类别:设计
  • 支持:对齐(居中、全宽、宽屏)、锚点、颜色(背景、渐变、启用对比度检查器、文本)、交互性(客户端导航)、间距(边距)
  • 属性:不透明度、标签名

短代码

使用 WordPress 短代码插入额外的自定义元素。

  • 名称:core/shortcode
  • 类别:小部件
  • 支持:类名、自定义 CSS、自定义类名、HTML、可见性
  • 属性:文本

站点徽标

显示代表此站点的图像。更新此块,更改将应用于所有位置。

  • 名称:core/site-logo
  • 类别:主题
  • 支持:对齐、锚点、颜色(背景、文本)、滤镜(双色)、交互性(客户端导航)、间距(边距、内边距)、全宽对齐、HTML
  • 属性:是否为链接、链接目标、同步图标、宽度

站点标语

用几句话描述此站点的主题。这对于搜索结果、社交媒体分享以及为访客提供整体清晰度非常重要。

  • 名称:core/site-tagline
  • 类别:主题
  • 支持:对齐(全宽、宽屏)、锚点、背景(背景图像、背景大小、渐变)、颜色(背景、渐变、文本)、内容角色、尺寸(最小高度、最小宽度)、交互性(客户端导航)、阴影、间距(边距、内边距)、排版(自适应文本、字号、行高、文本对齐)、HTML
  • 属性:层级、层级选项

站点标题

显示此站点的名称。更新块,更改将应用于所有使用它的位置。这也将出现在浏览器标题栏和搜索结果中。

  • 名称:core/site-title
  • 类别:主题
  • 支持:对齐(全宽、宽屏)、锚点、背景(背景图像、背景大小、渐变)、颜色(背景、渐变、链接、文本)、尺寸(最小高度、最小宽度)、交互性(客户端导航)、阴影、间距(边距、内边距)、排版(自适应文本、字号、行高、文本对齐)、HTML
  • 属性:是否为链接、层级、层级选项、链接目标

社交图标

显示链接到社交资料或站点的图标。

  • 名称:core/social-link
  • 类别:小部件
  • 父级:core/social-links
  • 支持:锚点、交互性(客户端导航)、HTML、可复用
  • 属性:标签、关系、服务、URL

社交图标集

显示链接到您的社交资料或站点的图标。

  • 名称:core/social-links
  • 类别:小部件
  • 允许块:core/social-link
  • 支持: align (center, left, right), anchor, background (gradient), color (background, gradients, enableContrastChecker, text), contentRole, interactivity (clientNavigation), layout (default, allowInheriting, allowSwitching, allowVerticalAlignment), listView, shadow, spacing (blockGap, margin, padding, units), html
  • 属性: customIconBackgroundColor, customIconColor, iconBackgroundColor, iconBackgroundColorValue, iconColor, iconColorValue, openInNewTab, showLabels, size

Spacer

在块之间添加空白空间并自定义其高度。

  • 名称: core/spacer
  • 类别: design
  • 支持: anchor, interactivity (clientNavigation), spacing (margin)
  • 属性: height, width

Tab List

显示选项卡界面的选项卡按钮。

  • 名称: core/tab-list
  • 类别: design
  • 父级: core/tabs
  • 支持: ariaLabel, color (background, text), layout (default, allowOrientation, allowVerticalAlignment, allowWrap), shadow, spacing (blockGap, padding), typography (fontSize), html, lock, visibility
  • 属性: tabs

Tab Panel

选项卡界面中选项卡的内容。

  • 名称: core/tab-panel
  • 类别: design
  • 父级: core/tab-panels
  • 支持: anchor, background (backgroundImage, backgroundSize, gradient), color (background, button, heading, link, text), layout, shadow, spacing (blockGap, padding), typography (fontSize, lineHeight), html, visibility
  • 属性: label

Tab Panels

选项卡界面中选项卡内容的容器。

  • 名称: core/tab-panels
  • 类别: design
  • 父级: core/tabs
  • 允许块: core/tab-panel
  • 支持: background (backgroundImage, backgroundSize, gradient), color (background, button, heading, link, text), dimensions (minHeight), shadow, spacing (padding), typography (fontSize, lineHeight), html, lock, visibility

Table

在行和列中创建结构化内容以显示信息。

  • 名称: core/table
  • 类别: text
  • 支持: align, anchor, color (background, gradients, text), interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight)
  • 属性: body, caption, foot, hasFixedLayout, head

目录

使用标题列表总结您的帖子。向标题块添加 HTML 锚点以在此处链接它们。

  • 名称: core/table-of-contents
  • 实验性: true
  • 类别: design
  • 支持: anchor, ariaLabel, background (backgroundImage, backgroundSize, gradient), color (background, gradients, link, text), interactivity (clientNavigation), shadow, spacing (margin, padding), typography (fontSize, lineHeight, textAlign), html
  • 属性: headings, maxLevel, onlyIncludeCurrentPage, ordered

Tabs

在选项卡界面中显示内容,帮助用户轻松导航详细的内容。

  • 名称: core/tabs
  • 类别: design
  • 允许块: core/tab-list, core/tab-panels
  • 支持: align, anchor, background (backgroundImage, backgroundSize, gradient), color (background, button, heading, link, text), dimensions (minWidth), interactivity, layout (allowEditing), shadow, spacing (blockGap, margin, padding), typography (fontSize, lineHeight), html
  • 属性: activeTabIndex, editorActiveTabIndex

标签云

一组流行关键词,每个关键词的大小由其出现频率决定。

  • 名称: core/tag-cloud
  • 类别: widgets
  • 支持: align, anchor, background (backgroundImage, backgroundSize, gradient), color (background, link, text), interactivity (clientNavigation), shadow, spacing (margin, padding), typography (lineHeight), html
  • 属性: largestFontSize, numberOfTags, showTagCounts, smallestFontSize, taxonomy

模板部分

编辑站点的不同全局区域,如页眉、页脚、侧边栏,或创建自己的区域。

  • 名称: core/template-part
  • 类别: theme
  • 支持: align, interactivity (clientNavigation), html, renaming, reusable
  • 属性: area, slug, tagName, theme

术语计数

显示分类法术语的帖子数量。

  • 名称: core/term-count
  • 类别: theme
  • 支持: anchor, background (backgroundImage, backgroundSize, gradient), color (background, gradients, text), dimensions (minHeight, minWidth), interactivity (clientNavigation), shadow, spacing (margin, padding), typography (fontSize, lineHeight, textAlign), html
  • 属性: bracketType

术语描述

在查看存档时显示分类、标签和自定义分类法的描述。

  • 名称: core/term-description
  • 类别: theme
  • 支持: align (full, wide), anchor, background (backgroundImage, backgroundSize, gradient), color (background, link, text), dimensions (minHeight, minWidth), interactivity (clientNavigation), shadow, spacing (margin, padding), typography (fontSize, lineHeight, textAlign), html

术语名称

显示分类法术语的名称。

  • 名称: core/term-name
  • 类别: theme
  • 支持: align (full, wide), anchor, background (backgroundImage, backgroundSize, gradient), color (background, gradients, link, text), dimensions (minHeight, minWidth), interactivity (clientNavigation), shadow, spacing (margin, padding), typography (fontSize, lineHeight, textAlign), html
  • 属性: isLink, level, levelOptions

术语模板

包含用于渲染分类法术语(如名称、描述等)的块元素。

  • 名称: core/term-template
  • 类别: 主题
  • 父级: core/terms-query
  • 支持: 对齐 (全宽,宽屏), 锚点, 背景 (backgroundImage, backgroundSize, gradient), 颜色 (background, gradients, link, text), 尺寸 (minHeight, minWidth), 交互性 (clientNavigation), 布局, 阴影, 间距 (blockGap, margin, padding), 排版 (fontSize, lineHeight), html, 可复用

分类查询

一个高级区块,允许根据不同的查询参数和视觉配置显示分类术语。

  • 名称: core/terms-query
  • 类别: 主题
  • 支持: 对齐 (全宽,宽屏), 锚点, 交互性, 布局, 插入器
  • 属性: tagName, termQuery

文本列(已弃用)

此区块已弃用。请使用“列”区块代替。

  • 名称: core/text-columns
  • 类别: 设计
  • 支持: 交互性 (clientNavigation), 插入器
  • 属性: columns, content, width

诗歌

插入诗歌。使用特殊的间距格式。或引用歌词。

  • 名称: core/verse
  • 类别: 文本
  • 支持: 锚点, 背景 (backgroundImage, backgroundSize, gradient), 颜色 (background, gradients, link, text), 尺寸 (minHeight, minWidth), 交互性 (clientNavigation), 阴影, 间距 (margin, padding), 排版 (fitText, fontSize, lineHeight, textAlign, textColumns, textIndent)
  • 属性: content

视频

从媒体库嵌入视频或上传新视频。

  • 名称: core/video
  • 类别: 媒体
  • 支持: 对齐, 锚点, 滤镜 (duotone), 交互性 (clientNavigation), 阴影, 间距 (margin, padding)
  • 属性: autoplay, blob, caption, controls, height, id, loop, muted, playsInline, poster, preload, src, tracks, width