跳转到主要内容

核心区块参考

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

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

手风琴

显示可折叠布局,将内容分组到可收起部分中。(源代码)

  • 名称: core/accordion
  • 分类: 设计
  • 允许的区块: core/accordion-item
  • 支持: 对齐(全宽、宽幅)、锚点、ariaLabel、背景(背景图片、背景尺寸)、颜色(背景、渐变、文本)、内容角色、交互性、布局、列表视图、阴影、间距(区块间隙、边距、内边距)、排版(字体大小、行高)、html
  • 属性: 自动关闭、标题级别、图标位置、级别选项、显示图标

手风琴标题

显示用于切换手风琴面板的标题。(源代码)

  • 名称: core/accordion-heading
  • 分类: 设计
  • 父级: core/accordion-item
  • 支持: 锚点、颜色(背景、渐变、文本)、交互性、阴影、间距(内边距)、排版(字体大小)、对齐、锁定、可见性
  • 属性: iconPosition, level, openByDefault, showIcon, title

手风琴项目

将标题和面板封装为一个单元。(源代码)

  • 名称: core/accordion-item
  • 分类: 设计
  • 父级: core/accordion
  • 允许的区块: core/accordion-heading, core/accordion-panel
  • 支持: 颜色(背景、渐变、文本)、内容角色、交互性、布局(允许编辑)、阴影、间距(区块间隙、边距)、排版(字体大小、行高)、html
  • 属性: 默认展开

手风琴面板

包含标题下方隐藏或显示的内容。(来源)

  • 名称: core/accordion-panel
  • 分类: 设计
  • 父级: core/accordion-item
  • 支持: allowedBlocks, color (background, gradients, text), contentRole, interactivity, layout (allowEditing), shadow, spacing (blockGap, padding), typography (fontSize, lineHeight), html, lock, visibility
  • 属性: templateLock

归档

显示您文章的日期归档。(源代码)

  • 名称: core/archives
  • 分类: 小工具
  • 支持: 对齐方式、锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高)、html
  • 属性: displayAsDropdown, showLabel, showPostCounts, type

音频

嵌入一个简单的音频播放器。(源码)

  • 名称: core/audio
  • 分类: 媒体
  • 支持: 对齐方式、锚点、交互性(客户端导航)、间距(外边距、内边距)
  • 属性: 自动播放、二进制数据、说明文字、ID、循环、预加载、源地址

头像

添加用户的头像。(源代码)

  • 名称: core/avatar
  • 分类: 主题
  • 支持: 对齐、锚点、颜色(背景、文本)、滤镜(双色调)、交互性(客户端导航)、间距(边距、内边距)、宽对齐、HTML
  • 属性: isLink、linkTarget、size、userId

模式

在您的网站中复用此设计。(来源)

  • 名称: core/block
  • 分类: 可复用
  • 支持: 交互性 (clientNavigation), customCSS, customClassName, html, inserter, renaming
  • 属性: content, ref

面包屑导航

显示指向当前页面的路径导航轨迹。(源码)

  • 名称: core/breadcrumbs
  • 分类: 主题
  • 支持: 对齐(全宽、宽幅)、锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高)、html
  • 属性: prefersTaxonomy、separator、showCurrentItem、showHomeItem、showOnHomePage

按钮

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

  • 名称: core/button
  • 分类: 设计
  • 父级: core/buttons
  • 支持: 锚点、颜色(背景、渐变、文本)、尺寸(宽度)、交互性(客户端导航)、阴影、间距(内边距)、拆分、排版(字体大小、行高、文本对齐)、宽对齐、对齐、可重用
  • 属性: backgroundColor, gradient, linkTarget, placeholder, rel, tagName, text, textColor, title, type, url

按钮

通过一组按钮式链接引导访客执行操作。(源码)

  • 名称: core/buttons
  • 分类: 设计
  • 允许的区块: core/button
  • 支持: 对齐(全宽,宽),锚点,颜色(背景,渐变,文本),内容角色,交互性(客户端导航),布局(默认,允许继承,允许切换),列表视图,间距(区块间隙,外边距,内边距),排版(字体大小,行高),HTML

日历

显示您网站文章的日历。(源代码)

  • 名称: core/calendar
  • 分类: 小工具
  • 支持: 对齐方式、锚点、颜色(背景、链接、文本)、交互性(客户端导航)、排版(字体大小、行高)、html
  • 属性: 月份、年份

术语列表

显示指定分类法下的所有术语列表。(源码)

  • 名称: core/categories
  • 分类: widgets
  • 支持: align, anchor, color (background, gradients, link, text), interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight), html
  • 属性: displayAsDropdown, label, showEmpty, showHierarchy, showLabel, showOnlyTopLevel, showPostCounts, taxonomy

代码

显示尊重空格和制表符的代码片段。(来源)

  • 名称: core/code
  • 分类: 文本
  • 支持: 对齐(宽对齐)、锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高)
  • 属性: content

列

列块中的单个列。(来源)

  • 名称: core/column
  • 分类: 设计
  • 父级: core/columns
  • 支持: allowedBlocks, anchor, color (background, button, gradients, heading, link, text), interactivity (clientNavigation), layout, shadow, spacing (blockGap, padding), typography (fontSize, lineHeight), html, reusable
  • 属性: templateLock, verticalAlignment, width

列

在多列中显示内容,每个列可添加区块。(源代码)

  • 名称: core/columns
  • 分类: 设计
  • 允许的区块: core/column
  • 支持: 对齐(全宽、宽),锚点,颜色(背景、按钮、渐变、标题、链接、文本),交互性(客户端导航),布局(默认,允许编辑,允许继承,允许切换),阴影,间距(区块间隙、边距、内边距),排版(字体大小、行高),html
  • 属性: isStackedOnMobile, templateLock, verticalAlignment

评论作者头像(已弃用)

此区块已弃用。请改用头像区块。(来源)

  • 名称: core/comment-author-avatar
  • 实验性: fse
  • 分类: 主题
  • 祖先区块: core/comment-template
  • 支持: 颜色(背景,文本),交互性(客户端导航),间距(边距,内边距),html,插入器
  • 属性: 高度,宽度

评论作者姓名

显示评论作者的姓名。(来源)

  • 名称: core/comment-author-name
  • 分类: 主题
  • 上级区块: core/comment-template
  • 支持: 锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高、文本对齐)、html
  • 属性: isLink, linkTarget

评论内容

显示评论的内容。(来源)

  • 名称: core/comment-content
  • 分类: 主题
  • 上级区块: core/comment-template
  • 支持: 锚点、颜色(背景、渐变、链接、文本)、间距(内边距)、排版(字体大小、行高、文本对齐)、html

评论日期

显示评论发布的日期。(来源)

  • 名称: core/comment-date
  • 分类: 主题
  • 父级: core/comment-template
  • 支持: 锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高、文本对齐)、html
  • 属性: 格式、是否为链接

评论编辑链接

显示指向 WordPress 仪表盘中编辑评论的链接。此链接仅对具备编辑评论权限的用户可见。(来源)

  • 名称: core/comment-edit-link
  • 分类: 主题
  • 祖先块: core/comment-template
  • 支持: 锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高、文本对齐)、HTML
  • 属性: linkTarget

评论回复链接

显示用于回复评论的链接。(源码)

  • 名称: core/comment-reply-link
  • 分类: 主题
  • 祖先块: core/comment-template
  • 支持: 锚点、颜色(背景、渐变、链接、文本)、间距(外边距、内边距)、排版(字体大小、行高、文本对齐)、HTML

评论模板

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

  • 名称: core/comment-template
  • 分类: 设计
  • 父级: core/comments
  • 支持: 对齐、锚点、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高)、HTML、可重用

评论

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

  • 名称: core/comments
  • 分类: 主题
  • 支持: 对齐(全宽,宽),锚点,颜色(背景,渐变,标题,链接,文本),间距(外边距,内边距),排版(字体大小,行高),html
  • 属性: legacy, tagName

评论分页

在适用时显示分页导航,用于浏览上一组/下一组评论。(源代码)

  • 名称: core/comments-pagination
  • 分类: 主题
  • 父级: core/comments
  • 允许的区块: core/comments-pagination-previous, core/comments-pagination-numbers, core/comments-pagination-next
  • 支持: 对齐方式, 锚点, 颜色 (背景, 渐变, 链接, 文本), 交互性 (客户端导航), 布局 (默认, allowInheriting, allowSwitching), 排版 (字体大小, 行高), html, 可重用
  • 属性: paginationArrow

评论下一页

显示下一页评论的链接。(源码)

  • 名称: core/comments-pagination-next
  • 分类: 主题
  • 父级: core/comments-pagination
  • 支持: 锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、排版(字体大小、行高)、HTML、可重用
  • 属性: 标签

评论分页页码

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

  • 名称: core/comments-pagination-numbers
  • 分类: 主题
  • 父级: core/comments-pagination
  • 支持: 锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高)、HTML、可重用

评论上一页

显示上一页评论的链接。(源码)

  • 名称: core/comments-pagination-previous
  • 分类: 主题
  • 父级: core/comments-pagination
  • 支持: 锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、排版(字体大小、行高)、HTML、可重用
  • 属性: 标签

评论标题

显示带有评论数量的标题。(源码)

  • 名称: core/comments-title
  • 分类: 主题
  • 父级: core/comments
  • 支持: 对齐、锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高、文本对齐)、html
  • 属性: 级别、级别选项、显示评论数量、显示文章标题

封面

添加带有文字叠加的图像或视频。(来源)

  • 名称: core/cover
  • 分类: 媒体
  • 支持: align, allowedBlocks, anchor, color (heading, text, background, enableContrastChecker), dimensions (aspectRatio), filter (duotone), interactivity (clientNavigation), layout (allowJustification), shadow, spacing (blockGap, margin, padding), typography (fontSize, lineHeight), html
  • 属性: alt, backgroundType, contentPosition, customGradient, customOverlayColor, dimRatio, focalPoint, gradient, hasParallax, id, isDark, isRepeated, isUserOverlayColor, minHeight, minHeightUnit, overlayColor, poster, sizeSlug, tagName, templateLock, url, useFeaturedImage

详情

隐藏和显示额外内容。(来源)

  • 名称: core/details
  • 分类: 文本
  • 支持: 对齐(全宽,宽),允许的区块,锚点,颜色(背景,渐变,链接,文本),交互性(客户端导航),布局(允许编辑),间距(区块间隙,外边距,内边距),排版(字体大小,行高),html
  • 属性: 名称,占位符,显示内容,摘要

嵌入

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

  • 名称: core/embed
  • 分类: embed
  • 支持: align, anchor, interactivity (clientNavigation), spacing (margin)
  • 属性: allowResponsive, caption, previewable, providerNameSlug, responsive, type, url

文件

添加指向可下载文件的链接。(源码)

  • 名称: core/file
  • 分类: 媒体
  • 支持: 对齐方式、锚点、颜色(背景、渐变、链接、文本)、交互性、间距(外边距、内边距)
  • 属性: blob、displayPreview、downloadButtonText、fileId、fileName、href、id、previewHeight、showDownloadButton、textLinkHref、textLinkTarget

脚注

显示添加到页面的脚注。(来源)

  • 名称: core/footnotes
  • 分类: 文本
  • 支持: 锚点、颜色(背景、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高)、html、插入器、多个、可重用

表单

一个表单组件。(源码)

  • 名称: core/form
  • 实验性: 是
  • 分类: 常用
  • 允许的子块: core/paragraph, core/heading, core/form-input, core/form-submit-button, core/form-submission-notification, core/group, core/columns
  • 支持的功能: 锚点、颜色(背景、渐变、链接、文本)、间距(外边距、内边距)、排版(字体大小、行高)
  • 属性: action, email, method, submissionMethod

输入字段

表单的基础构建块。(来源)

  • 名称: core/form-input
  • 实验性: 是
  • 分类: 常用
  • 祖先块: core/form
  • 支持: 锚点、间距(外边距)、可重用
  • 属性: inlineLabel、label、name、placeholder、required、type、value、visibilityPermissions

表单提交通知

在表单提交后提供通知消息。(来源)

  • 名称: core/form-submission-notification
  • 实验性: 是
  • 分类: 常用
  • 祖先块: core/form
  • 属性: type

表单提交按钮

用于表单的提交按钮。(源代码)

  • 名称: core/form-submit-button
  • 实验性: 是
  • 分类: 常用
  • 父级块: core/form
  • 允许的子块: core/buttons, core/button

经典编辑器

使用经典的 WordPress 编辑器。(源代码)

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

画廊

在丰富的画廊中展示多张图片。(源码)

  • 名称: core/gallery
  • 分类: 媒体
  • 允许的区块: core/image
  • 支持: 对齐方式、锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、布局(默认、允许编辑、允许继承、允许切换)、列表视图、间距(区块间隙、外边距、内边距)、单位(em、px、rem、vh、vw)、html
  • 属性: allowResize, aspectRatio, caption, columns, fixedHeight, ids, imageCrop, images, linkTarget, linkTo, navigationButtonType, randomOrder, shortCodeTransforms, sizeSlug

群组

将区块收集到布局容器中。(源代码)

  • 名称: core/group
  • 分类: 设计
  • 支持: 对齐(全宽,宽),允许的区块,锚点,ariaLabel,背景(背景图片,背景尺寸),颜色(背景,按钮,渐变,标题,链接,文本),尺寸(最小高度),交互性(客户端导航),布局(允许调整子元素大小),定位(粘性),阴影,间距(区块间隙,外边距,内边距),排版(字体大小,行高),html
  • 属性: tagName, templateLock

标题

引入新章节并组织内容,帮助访客(及搜索引擎)理解内容结构。(来源)

  • 名称: core/heading
  • 分类: 文本
  • 支持: __unstablePasteTextInline, align (full, wide), anchor, className, color (background, gradients, link, text), interactivity (clientNavigation), spacing (margin, padding), splitting, typography (fitText, fontSize, lineHeight, textAlign)
  • 属性: content, level, levelOptions, placeholder

首页链接

创建一个始终指向网站首页的链接。如果页眉中已存在网站标题链接,则通常无需使用此功能。(来源)

自定义 HTML

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

  • 名称: core/html
  • 分类: 小工具
  • 支持: 交互性 (clientNavigation), className, customCSS, customClassName, html, visibility
  • 属性: content

图标

插入一个 SVG 图标。(源码)

  • 名称: core/icon
  • 分类: 媒体
  • 支持: 对齐(居中、左、右)、锚点、ariaLabel、颜色(背景、文本)、尺寸(宽度)、交互性(客户端导航)、间距(边距、内边距)、html
  • 属性: icon

图片

插入图片以进行视觉表达。(来源)

  • 名称: core/image
  • 分类: 媒体
  • 支持: 对齐(居中、全宽、左、右、宽幅)、锚点、颜色(背景、文本)、滤镜(双色调)、交互性、阴影、间距(外边距)
  • 属性: alt、aspectRatio、blob、caption、focalPoint、height、href、id、lightbox、linkClass、linkDestination、linkTarget、rel、scale、sizeSlug、title、url、width

最新评论

显示您最近评论的列表。(源码)

  • 名称: core/latest-comments
  • 分类: 小工具
  • 支持: 对齐、锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高)、html
  • 属性: commentsToShow, displayAvatar, displayContent, displayDate

最新文章

显示您最新文章的列表。(源代码)

  • 名称: core/latest-posts
  • 分类: 小工具
  • 支持: 对齐方式、锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高)、html
  • 属性: addLinkToFeaturedImage, categories, columns, displayAuthor, displayFeaturedImage, displayPostContent, displayPostContentRadio, displayPostDate, excerptLength, featuredImageAlign, featuredImageSizeHeight, featuredImageSizeSlug, featuredImageSizeWidth, order, orderBy, postLayout, postsToShow, selectedAuthor

列表

按特定顺序显示的有序项目集合。(来源)

  • 名称: core/list
  • 分类: 文本
  • 允许的区块: core/list-item
  • 支持: __unstablePasteTextInline, anchor, color (background, gradients, link, text), interactivity (clientNavigation), listView, spacing (margin, padding), typography (fontSize, lineHeight), html
  • 属性: ordered, placeholder, reversed, start, type, values

列表项

列表中的单个项目。(来源)

  • 名称: core/list-item
  • 分类: 文本
  • 父级: core/list
  • 允许的区块: core/list
  • 支持: 锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(外边距、内边距)、拆分、排版(字体大小、行高)、className
  • 属性: content, placeholder

登录/登出

显示登录与登出链接。(源码)

  • 名称: core/loginout
  • 分类: 主题
  • 支持: 锚点、类名、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高)
  • 属性: displayLoginAsForm, redirectToCurrent

数学

使用 LaTeX 显示数学符号。(来源)

  • 名称: core/math
  • 分类: 文本
  • 支持: 锚点、颜色(背景、渐变、文本)、间距(边距、内边距)、排版(字体大小)、html
  • 属性: latex、mathML

媒体与文本

将媒体和文字并排放置,实现更丰富的布局。(来源)

  • 名称: core/media-text
  • 分类: media
  • 支持: align (full, wide), allowedBlocks, anchor, color (background, gradients, heading, link, text), interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight), html
  • 属性: align, focalPoint, href, imageFill, isStackedOnMobile, linkClass, linkDestination, linkTarget, mediaAlt, mediaId, mediaLink, mediaPosition, mediaSizeSlug, mediaType, mediaUrl, mediaWidth, rel, useFeaturedImage, verticalAlignment

不支持

您的站点不支持此区块。(来源)

  • 名称: core/missing
  • 分类: text
  • 支持: 交互性 (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
  • 支持: align (full, wide), anchor, ariaLabel, contentRole, inserter, interactivity, layout (allowSizingOnChildren, default, allowInheriting, allowSwitching, allowVerticalAlignment), spacing (blockGap, units), typography (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
  • 支持: 锚点、交互性(客户端导航)、排版(字体大小、行高)、html、重命名、可复用
  • 属性: 描述、ID、是否为顶级链接、种类、标签、在新标签页打开、rel、标题、类型、URL

导航浮层关闭按钮

用于关闭浮层的可自定义按钮。(源码)

  • 名称: core/navigation-overlay-close
  • 分类: 设计
  • 支持: 颜色(背景、文本、渐变)、间距(内边距)、版式(字体大小、行高)
  • 属性: displayMode, text

子菜单

为您的导航添加子菜单。(源代码)

  • 名称: core/navigation-submenu
  • 分类: 设计
  • 父级: core/navigation
  • 支持: 锚点、交互性(客户端导航)、排版(字体大小、行高)、html、可重用
  • 属性: 描述、ID、是否为顶级项目、种类、标签、在新标签页中打开、rel、标题、类型、URL

分页符

将您的内容分隔为多页体验。(来源)

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

页面列表

显示所有页面的列表。(源代码)

  • 名称: core/page-list
  • 分类: widgets
  • 允许的区块: core/page-list-item
  • 支持: anchor, color (background, gradients, link, text), contentRole, interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight), html, reusable
  • 属性: isNested, parentPageID

页面列表项

在全部页面的列表中显示单个页面。(源码)

  • 名称: core/page-list-item
  • 分类: 小工具
  • 父级: core/page-list
  • 支持: 锚点、交互性(客户端导航)、html、插入器、锁定、可复用
  • 属性: hasChildren、id、label、link、title

段落

从所有叙事的基本构建块开始。(来源)

  • 名称: core/paragraph
  • 分类: 文本
  • 支持: __unstablePasteTextInline, align (full, wide), anchor, color (background, gradients, link, text), interactivity (clientNavigation), spacing (margin, padding), splitting, typography (fitText, fontSize, lineHeight, textAlign, textColumns, textIndent), className
  • 属性: content, direction, dropCap, placeholder

图案占位符

显示一个区块图案。(来源)

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

播放列表

嵌入一个简单的播放列表。(源代码)

  • 名称: core/playlist
  • 实验性: 是
  • 分类: 媒体
  • 允许的区块: core/playlist-track
  • 支持: 对齐方式、锚点、颜色(背景、渐变、链接、文本)、交互性、间距(外边距、内边距)
  • 属性: 说明文字、当前曲目、顺序、显示艺术家、显示图像、显示编号、显示曲目列表、类型

播放列表曲目

播放列表曲目。(来源)

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

作者(已弃用)

此区块已弃用。请改用头像区块、作者姓名区块和作者简介区块。(来源)

  • 名称: core/post-author
  • 分类: 主题
  • 支持: 锚点、颜色(背景、渐变、链接、文本)、滤镜(双色调)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高)、html、插入器
  • 属性: avatarSize, byline, isLink, linkTarget, showAvatar, showBio, textAlign

作者简介

作者的个人简介。(来源)

  • 名称: core/post-author-biography
  • 分类: 主题
  • 支持功能: 锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高、文本对齐)

作者姓名

作者姓名。(来源)

  • 名称: core/post-author-name
  • 分类: 主题
  • 支持: 锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高、文本对齐)、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
  • 分类: 主题
  • 支持: 锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高、文本对齐)、html

评论表单

显示文章的评论表单。(源代码)

  • 名称: core/post-comments-form
  • 分类: 主题
  • 支持: 锚点、颜色(背景、渐变、标题、链接、文本)、间距(边距、内边距)、排版(字体大小、行高、文本对齐)、html

评论链接

显示当前文章评论的链接。(源码)

  • 名称: core/post-comments-link
  • 分类: 主题
  • 支持: 锚点、颜色(背景、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高、文本对齐)、HTML

内容

显示文章或页面的内容。(源码)

  • 名称: core/post-content
  • 分类: 主题
  • 支持: 对齐(全宽,宽),锚点,背景(背景图片,背景尺寸),颜色(背景,渐变,标题,链接,文本),尺寸(最小高度),交互性(客户端导航),布局,间距(块间距,外边距,内边距),排版(字体大小,行高),html
  • 属性: tagName

日期

显示自定义日期。(源码)

  • 名称: core/post-date
  • 分类: 主题
  • 支持: 锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高、文本对齐)、html
  • 属性: datetime, format, isLink

摘要

显示文章摘要。(源码)

  • 名称: core/post-excerpt
  • 分类: 主题
  • 支持: 锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高、文本对齐、文本分栏)、html
  • 属性: excerptLength, moreText, showMoreOnNewLine

特色图片

显示文章的精选图片。(源码)

  • 名称: core/post-featured-image
  • 分类: 主题
  • 支持: 对齐(居中、全宽、左、右、宽),锚点,颜色(背景,文本),滤镜(双色调),交互性(客户端导航),阴影,间距(外边距,内边距),html
  • 属性: 宽高比,自定义渐变,自定义覆盖颜色,暗化比例,渐变,高度,是否为链接,链接目标,覆盖颜色,rel 属性,缩放,尺寸别名,使用文章首张图片,宽度

文章导航链接

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

  • 名称: core/post-navigation-link
  • 分类: 主题
  • 支持: 锚点、颜色(背景、链接、文本)、交互性(客户端导航)、排版(字体大小、行高、文本对齐)、html、可复用
  • 属性: arrow, label, linkLabel, showTitle, taxonomy, type

文章模板

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

  • 名称: core/post-template
  • 分类: 主题
  • 父级块: core/query
  • 支持: 对齐(全宽、宽幅)、锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、布局、间距(块间距、外边距、内边距)、排版(字体大小、行高)、html、可重用

文章术语

文章术语。(来源)

  • 名称: core/post-terms
  • 分类: 主题
  • 支持: 锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高、文本对齐)、html
  • 属性: 前缀、分隔符、后缀、术语

阅读时长

显示完成阅读文章所需的分钟数。也可显示字数统计。(来源)

  • 名称: core/post-time-to-read
  • 分类: 主题
  • 支持: 锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高、文本对齐)、html
  • 属性: averageReadingSpeed, displayAsRange, displayMode

标题

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

  • 名称: core/post-title
  • 分类: 主题
  • 支持: 对齐(全宽,宽),锚点,颜色(背景,渐变,链接,文本),交互性(客户端导航),间距(边距,内边距),排版(字体大小,行高,文本对齐),html
  • 属性: isLink, level, levelOptions, linkTarget, placeholder, rel

预格式化文本

添加尊重间距和制表符并允许样式设置的文本。(来源)

  • 名称: core/preformatted
  • 分类: 文本
  • 支持: 锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高)
  • 属性: content

引用块

为文本中的引述内容赋予特殊的视觉强调效果。(来源)

  • 名称: core/pullquote
  • 分类: 文本
  • 支持: 对齐(全宽、左、右、宽),锚点,背景(背景图片、背景尺寸),颜色(背景、渐变、链接、文本),尺寸(最小高度),交互性(客户端导航),间距(边距、内边距),排版(字体大小、行高)
  • 属性: 引文来源,文本对齐,值

查询循环

这是一个高级区块,允许根据不同的查询参数和可视化配置来显示文章类型。(源代码)

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

无结果

包含在未找到查询结果时用于渲染内容的区块元素。(来源)

  • 名称: core/query-no-results
  • 分类: 主题
  • 父级: core/query
  • 支持: 对齐方式、锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、排版(字体大小、行高)、HTML、可复用

分页

在适用时显示分页导航,用于跳转到上一组/下一组文章。(源代码)

  • 名称: core/query-pagination
  • 分类: 主题
  • 父级: core/query
  • 允许的子块: core/query-pagination-previous, core/query-pagination-numbers, core/query-pagination-next
  • 支持: 对齐方式, 锚点, 颜色 (背景, 渐变, 链接, 文本), 交互性 (客户端导航), 布局 (默认, allowInheriting, allowSwitching), 排版 (字体大小, 行高), html, 可复用
  • 属性: paginationArrow, showLabel

下一页

显示下一篇文章页面的链接。(源码)

  • 名称: core/query-pagination-next
  • 分类: 主题
  • 父级: core/query-pagination
  • 支持: 锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、排版(字体大小、行高)、HTML、可重用
  • 属性: 标签

页码

显示用于分页的页码列表。(源代码)

  • 名称: core/query-pagination-numbers
  • 分类: 主题
  • 父级: core/query-pagination
  • 支持: 锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、排版(字体大小、行高)、HTML、可重用
  • 属性: midSize

上一页

显示上一篇文章页面的链接。(源代码)

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

查询标题

显示查询标题。(来源)

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

查询总数

显示查询结果的总数。(来源)

  • 名称: core/query-total
  • 分类: 主题
  • 父级: core/query
  • 支持: 对齐(全宽、宽),锚点,颜色(背景、渐变、文本),交互性(客户端导航),间距(边距、内边距),排版(字体大小、行高),html
  • 属性: displayType

引用

为引述文本提供视觉强调。"在引用他人时,我们也在引用自己。" — 胡里奥·科塔萨尔 (来源)

  • 名称: core/quote
  • 分类: 文本
  • 支持: 对齐(全宽、左、右、宽),允许的区块,锚点,背景(背景图片、背景尺寸),颜色(背景、渐变、标题、链接、文本),尺寸(最小高度),交互性(客户端导航),布局(允许编辑),间距(区块间距、边距、内边距),排版(字体大小、行高),html
  • 属性: 引文来源,文本对齐,值

阅读更多

显示文章、页面或任何其他内容类型的链接。(来源)

  • 名称: core/read-more
  • 分类: 主题
  • 支持: 锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高)、html
  • 属性: 内容、链接目标

RSS

显示来自任何 RSS 或 Atom 订阅源的内容。(源代码)

  • 名称: core/rss
  • 分类: 小工具
  • 支持: 对齐方式、锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(边距、内边距)、html
  • 属性: blockLayout, columns, displayAuthor, displayDate, displayExcerpt, excerptLength, feedURL, itemsToShow, openInNewTab, rel

搜索

帮助访客查找您的内容。(来源)

  • 名称: core/search
  • 类别: widgets
  • 支持: align (center, left, right), anchor, color (background, gradients, text), interactivity, spacing (margin), typography (fontSize, lineHeight), html
  • 属性: buttonPosition, buttonText, buttonUseIcon, isSearchFieldHidden, label, placeholder, query, showLabel, width, widthUnit

分隔线

使用水平分隔线在内容或区块之间创建视觉间隔。(来源)

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

短代码

通过 WordPress 短代码插入额外的自定义元素。(来源)

  • 名称: core/shortcode
  • 分类: 小工具
  • 支持: className, customCSS, customClassName, html, visibility
  • 属性: text

站点标志

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

  • 名称: core/site-logo
  • 分类: 主题
  • 支持: 对齐方式、锚点、颜色(背景、文本)、滤镜(双色调)、交互性(客户端导航)、间距(边距、内边距)、宽对齐、HTML
  • 属性: isLink、linkTarget、shouldSyncIcon、width

网站标语

用几句话描述本网站的主题。这对于搜索结果、社交媒体分享以及向访客提供整体清晰度非常重要。(来源)

  • 名称: core/site-tagline
  • 分类: 主题
  • 支持: 对齐(全宽、宽幅)、锚点、颜色(背景、渐变、文本)、内容角色、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高、文本对齐)、html
  • 属性: 标题级别、标题级别选项

站点标题

显示此站点的名称。更新此区块,更改将应用于所有使用它的地方。这也会出现在浏览器标题栏和搜索结果中。(来源)

  • 名称: core/site-title
  • 分类: 主题
  • 支持: 对齐(全宽,宽),锚点,颜色(背景,渐变,链接,文本),交互性(客户端导航),间距(边距,内边距),排版(字体大小,行高,文本对齐),html
  • 属性: isLink, level, levelOptions, linkTarget

社交图标

显示链接至社交资料或网站的图标。(源码)

社交图标

显示链接到您的社交资料或网站的图标。(来源)

间距块

在区块之间添加空白区域并自定义其高度。(源代码)

  • 名称: core/spacer
  • 分类: 设计
  • 支持: 锚点、交互性(客户端导航)、间距(外边距)
  • 属性: 高度、宽度

Tab

选项卡界面中单个选项卡的内容。(来源)

  • 名称: core/tab
  • 实验性: 是
  • 分类: 设计
  • 父级: core/tab-panel
  • 支持: 锚点、颜色(背景、文本)、布局、重命名、间距(块间距、内边距、外边距)、排版(字体大小)、html、可重用
  • 属性: label

标签面板

标签式界面中用于容纳标签面板内容的容器。(来源)

  • 名称: core/tab-panel
  • 实验性: 是
  • 分类: 设计
  • 父级: core/tabs
  • 允许的区块: core/tab
  • 支持: 颜色(背景、标题、链接、文本),尺寸(宽高比、高度、最小高度、宽度),布局(允许对齐、默认、允许方向、允许子项调整大小、允许切换、允许垂直对齐),间距(边距、内边距、区块间隙),排版(字体大小),锚点、HTML、锁定、可重用

表格

在行和列中创建结构化内容以展示信息。(来源)

  • 名称: core/table
  • 分类: 文本
  • 支持: 对齐方式、锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、间距(边距、内边距)、排版(字体大小、行高)
  • 属性: body, caption, foot, hasFixedLayout, head

目录

使用标题列表总结您的文章。为标题块添加 HTML 锚点以在此处链接它们。(来源)

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

选项卡

在选项卡式界面中显示内容,帮助用户轻松浏览详细信息。(来源)

  • 名称: core/tabs
  • 实验性: 是
  • 分类: 设计
  • 允许的区块: core/tabs-menu, core/tab-panel
  • 支持: 对齐方式、锚点、颜色(背景、文本)、交互性、布局(允许两端对齐、允许方向、允许子项调整大小、允许垂直对齐、默认、允许切换)、重命名、间距(区块间隙、外边距、内边距)、排版(字体大小)、html
  • 属性: activeTabIndex, editorActiveTabIndex

标签页菜单

显示标签页界面的标签按钮。(源码)

  • 名称: core/tabs-menu
  • 实验性: 是
  • 分类: 设计
  • 父级: core/tabs
  • 允许的区块: core/tabs-menu-item
  • 支持: 颜色(背景、文本),尺寸(宽高比、高度、最小高度、宽度),布局(允许对齐、允许方向、允许垂直对齐、默认、允许切换),间距(区块间隙、外边距、内边距),排版(字体大小),HTML,锁定,可复用

选项卡菜单项

选项卡菜单中的单个选项卡按钮。(源代码)

  • 名称: core/tabs-menu-item
  • 实验性: 是
  • 分类: 设计
  • 父级: core/tabs-menu
  • 支持: 颜色(背景、文本)、布局(允许编辑)、间距(内边距)、排版(字体大小、文本对齐)、html、锁定、可复用
  • 属性: anchor

标签云

一个热门关键词的云图,每个关键词的大小根据其出现频率而定。(源码)

  • 名称: core/tag-cloud
  • 分类: 小工具
  • 支持: 对齐方式、锚点、交互性(客户端导航)、间距(外边距、内边距)、排版(行高)、html
  • 属性: largestFontSize, numberOfTags, showTagCounts, smallestFontSize, taxonomy

模板部件

编辑网站的不同全局区域,例如页眉、页脚、侧边栏,或创建您自己的区域。(来源)

  • 名称: core/template-part
  • 分类: 主题
  • 支持: 对齐、交互性(客户端导航)、HTML、重命名、可重用
  • 属性: 区域、别名、标签名、主题

词条计数

显示分类法词条的文章数量。(源码)

  • 名称: core/term-count
  • 分类: 主题
  • 支持: 锚点、颜色(背景、渐变、文本)、交互性(客户端导航)、间距(内边距)、排版(字体大小、行高)、html
  • 属性: bracketType

术语描述

在查看归档时显示分类、标签和自定义分类法的描述。(来源)

  • 名称: core/term-description
  • 分类: 主题
  • 支持: 对齐(全宽、宽),锚点,颜色(背景、链接、文本),交互性(客户端导航),间距(边距、内边距),排版(字体大小、行高、文本对齐),html

术语名称

显示分类法术语的名称。(来源)

  • 名称: core/term-name
  • 分类: 主题
  • 支持: 对齐(全宽、宽幅)、锚点、颜色(背景、渐变、链接、文本)、交互性(客户端导航)、间距(内边距)、排版(字体大小、行高)、html
  • 属性: isLink, level, levelOptions, textAlign

术语模板

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

  • 名称: core/term-template
  • 分类: 主题
  • 祖先块: core/terms-query
  • 支持: 对齐(全宽,宽),锚点,颜色(背景,渐变,链接,文本),交互性(客户端导航),布局,间距(块间距,外边距,内边距),排版(字体大小,行高),html,可重用

术语查询区块

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

  • 名称: core/terms-query
  • 分类: 主题
  • 支持: 对齐(全宽、宽幅)、锚点、交互性、布局、html
  • 属性: tagName, termQuery

文本列(已弃用)

此区块已弃用。请改用列区块。(来源)

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

诗歌

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

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

视频

从媒体库嵌入视频或上传新视频。(来源)

  • 名称: core/video
  • 分类: media
  • 支持: align, anchor, interactivity (clientNavigation), spacing (margin, padding)
  • 属性: autoplay, blob, caption, controls, id, loop, muted, playsInline, poster, preload, src, tracks