列

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

• 名称: core/columns
• 类别: 设计
• API 版本: 3
• 块类型: 静态（保存在文章内容中）

块关系

允许的内部块:
– core/column

属性

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

支持

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

• anchor: true
• align: "wide", "full"
• html: false
• color:
  • gradients: true
  • link: true
  • heading: true
  • button: true
• background:
  • backgroundImage: true
  • backgroundSize: true
  • gradients: true
• dimensions:
  • minHeight: true
  • minWidth: true
• spacing:
  • blockGap: {"__experimentalDefault":"2em","sides":["horizontal","vertical"]}
  • margin: ["top","bottom"]
  • padding: true
• layout:
  • allowSwitching: false
  • allowInheriting: false
  • allowEditing: false
  • default: {"type":"flex","flexWrap":"nowrap"}
• typography:
  • fontSize: true
  • lineHeight: true
• interactivity:
  • clientNavigation: true
• shadow: true

块标记

这是一个 静态块。标记直接保存在文章内容中。

<!-- wp:columns {"backgroundColor":"secondary"} -->
<div class="wp-block-columns has-background has-secondary-background-color">
    <!-- wp:column -->
    <div class="wp-block-column">
        <!-- wp:paragraph -->
        <p>Column One, Paragraph One</p>
        <!-- /wp:paragraph -->
        <!-- wp:paragraph -->
        <p>Column One, Paragraph Two</p>
        <!-- /wp:paragraph -->
    </div>
    <!-- /wp:column -->
    <!-- wp:column -->
    <div class="wp-block-column">
        <!-- wp:paragraph -->
        <p>Column Two, Paragraph One</p>
        <!-- /wp:paragraph -->
        <!-- wp:paragraph -->
        <p>Column Three, Paragraph One</p>
        <!-- /wp:paragraph -->
    </div>
    <!-- /wp:column -->
</div>
<!-- /wp:columns -->

来源

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