评论

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

• 名称： core/comments
• 类别： 主题
• API 版本： 3
• 区块类型： 混合（静态保存 + 服务器增强）

属性

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

支持功能

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

• anchor: true
• align: "wide", "full"
• html: false
• background:
  • backgroundImage: true
  • backgroundSize: true
  • gradient: true
• color:
  • gradients: true
  • button: true
  • heading: true
  • link: true
• spacing:
  • margin: true
  • padding: true
• typography:
  • fontSize: true
  • lineHeight: true

上下文

通过 block.json 中的 usesContext 和 providesContext 属性定义。

使用的上下文：

• postId
• postType

区块标记

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

<!-- wp:comments {"className":"comments-post-extra"} -->
<div class="wp-block-comments comments-post-extra"><!-- wp:comments-title /-->

    <!-- wp:comment-template -->
    <!-- wp:columns -->
    <div class="wp-block-columns"><!-- wp:column {"width":"40px"} -->
    <div class="wp-block-column" style="flex-basis:40px"><!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"}}} /--></div>
    <!-- /wp:column -->

    <!-- wp:column -->
    <div class="wp-block-column"><!-- wp:comment-author-name {"fontSize":"small"} /-->

    <!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex"}} -->
    <div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:comment-date {"fontSize":"small"} /-->

    <!-- wp:comment-edit-link {"fontSize":"small"} /--></div>
    <!-- /wp:group -->

    <!-- wp:comment-content /-->

    <!-- wp:comment-reply-link {"fontSize":"small"} /--></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns -->
    <!-- /wp:comment-template -->

    <!-- wp:comments-pagination /-->

    <!-- wp:post-comments-form /--></div>
    <!-- /wp:comments -->

来源

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