显示一个用于切换手风琴面板的标题。

  • 名称: core/accordion-heading
  • 类别: 设计
  • API 版本: 3
  • 块类型: 静态(保存在帖子内容中)

块关系

父级 块(直接):
– core/accordion-item

属性

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

属性类型默认值描述
openByDefaultbooleanfalse—
titlerich-text—来源:rich-text。 选择器:.wp-block-accordion-heading__toggle-title。 角色:content
levelnumber——
iconPositionstring"right"枚举:left, right
showIconbooleantrue—

支持功能

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

上下文

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

使用的上下文:

  • core/accordion-icon-position
  • core/accordion-show-icon
  • core/accordion-heading-level

CSS 选择器

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

  • 间距:.wp-block-accordion-heading .wp-block-accordion-heading__toggle
  • 排版:
    • 字间距:.wp-block-accordion-heading .wp-block-accordion-heading__toggle-title
    • 文本装饰:.wp-block-accordion-heading .wp-block-accordion-heading__toggle-title

块标记

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

<!-- wp:accordion-heading -->
<h3 class="wp-block-accordion-heading has-icon has-icon-right">
    <button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title">Accordion Title</span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button>
</h3>
<!-- /wp:accordion-heading -->

来源