显示一个用于切换手风琴面板的标题。
块关系
父级 块(直接):
– core/accordion-item
属性
通过 attributes 属性在 block.json 中定义。
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
openByDefault | boolean | false | — |
title | rich-text | — | 来源:rich-text。 选择器:.wp-block-accordion-heading__toggle-title。 角色:content |
level | number | — | — |
iconPosition | string | "right" | 枚举:left, right |
showIcon | boolean | true | — |
支持功能
通过 supports 属性在 block.json 中定义。
anchor:truecolor:background:truegradients:true
align:falseinteractivity:truespacing:padding:true
typography:fontSize:truelineHeight:true
shadow:truevisibility:falselock:false
上下文
通过 usesContext 和 providesContext 属性在 block.json 中定义。
使用的上下文:
core/accordion-icon-positioncore/accordion-show-iconcore/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 -->
来源
- block.json (参考)
- 源代码目录 — 浏览
edit和save源文件,index.php等。