按钮

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

• 名称: core/button
• 类别: 设计
• API 版本: 3
• 块类型: 混合（静态保存 + 服务器增强）
• 关键词: link

块关系

父级块（直接）:
– core/buttons

属性

通过 block.json 中的 attributes 属性定义。

支持功能

通过 block.json 中的 supports 属性定义。

• anchor: true
• splitting: true
• align: false
• alignWide: false
• background:
  • backgroundImage: true
  • backgroundSize: true
  • gradient: true
• color:
  • gradients: true
• dimensions:
  • width: true
• typography:
  • fontSize: true
  • lineHeight: true
  • textAlign: true
• reusable: false
• shadow: true
• spacing:
  • padding: ["horizontal","vertical"]
• interactivity:
  • clientNavigation: true

块样式

通过 block.json 中的 styles 属性定义。

CSS 选择器

通过 block.json 中的 selectors 属性定义。

• 根: .wp-block-button .wp-block-button__link
• 排版:
  • writingMode: .wp-block-button
• 尺寸:
  • 根: .wp-block-button
  • 宽度: .wp-block-button

块标记

这是一个 混合块。它保存静态标记，服务器在渲染期间可能会对其进行增强。

<!-- wp:button {"tagName":"a","type":"button"} -->
<!-- Content... -->
<!-- /wp:button -->

来源

• block.json (参考)
• 源代码目录 — 浏览 edit 和 save 源文件、index.php 等。