本页面列出了 block-library 包中包含的区块。
- 带有删除线 (
strikeout) 的项目已明确禁用。 - 标记为 Experimental: true 的区块仅在 Gutenberg 激活时可用。
- 标记为 Experimental: fse 的区块仅在站点编辑器中可用。
已过时的区块 — 以下区块已过时,不应在新内容中使用。
- 评论作者头像 (已过时) (
core/comment-author-avatar) — 请使用头像区块代替。 - 作者 (已过时) (
core/post-author) — 请使用头像区块、作者名称区块和作者传记区块代替。 - 评论 (已过时) (
core/post-comment) — 请使用评论区块代替。 - 文本列 (已过时) (
core/text-columns) — 请使用列区块代替。
手风琴
显示一个可折叠的布局,将内容分组到可折叠部分中。
- 名称: 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