函数BlockEdit(){ const blockProps=使用块属性(); return<div{…blockProps}>你好,世界</ div>; }
函数BlockEdit(){ const blockProps=useBlockProps.save(); return<div{…blockProps}>你好世界</ div>; }
函数render_block(){ $wrapper_attributes=获取块包装属性(); 回程冲刺( “<div%1$s>%2$s</div>”, $wrapper_attributes, “你好,世界!” ); }
锚
类型: 布尔值 默认值: 假
//声明对锚链接的支持。 支架:{ 锚:true }
排列
类型: 布尔值 或 阵列 默认值: 假
支持:{ //声明支持块对齐。 //这增加了对所有选项的支持: //左、中、右、宽、全。 对齐:true }
支持:{ //声明对特定对齐选项的支持。 align:['left','right','full'] }
属性:{ 对齐:{ type:'字符串', 默认值:“right” } }
对齐宽
类型: 布尔值 默认值: 真的
支架:{ //拆下支架以进行广泛对齐。 alignWide:假 }
aria标签
类型: 布尔值 默认值: 假
支架:{ //添加对aria标签的支持。 ariaLabel:真 }
背景
类型: 对象 默认值: 无效的 子属性 背景图像 :类型 布尔值 ,默认值 假 背景大小 :类型 布尔值 ,默认值 假
支架:{ 背景:{ backgroundImage:true//启用背景图像控件。 backgroundSize:true//启用背景图像+大小控制。 } }
风格 :的属性 对象 未指定默认值的类型。 这是在以下情况下添加的 背景图像 或 背景大小 声明支持。 它存储用户设置的自定义值。
属性:{ 样式:{ 背景:{ 背景图片:{ “url”:“IMAGE_url” } 背景位置:“50%50%”, backgroundSize:“封面” } } }
类名
类型: 布尔值 默认值: 真的
支架:{ //删除对生成的className的支持。 类名称:false }
颜色
类型: 对象 默认值:null 子属性: 背景 :类型 布尔值 ,默认值 真的 按钮 :类型 布尔值 ,默认值 假 启用对比检查器 :类型 布尔值 ,默认值 真的 梯度 :类型 布尔值 ,默认值 假 标题 :类型 布尔值 ,默认值 假 链接 :类型 布尔值 ,默认值 假 文本 :类型 布尔值 ,默认值 真的
支架:{ 颜色:{ //这还启用了文本和背景UI控件。 gradients:true//启用gradients UI控件。 } }
支架:{ color:{//文本UI控件已启用。 background:false,//禁用后台UI控件。 gradients:true//启用gradients UI控件。 } }
颜色背景
支架:{ color:true//启用背景和文本颜色支持。 }
支架:{ 颜色:{ //禁用后台支持。 文本颜色支持仍处于启用状态。 背景:假 } }
背景色 :的属性 一串 未指定默认值的类型。 当用户从预设背景颜色列表中进行选择时,预设段塞存储在 背景色 属性。 背景色预设源于 编辑彩色剧本 主题支持 . 块可以通过使用默认值指定其自身属性来应用默认预设背景色。 例如: 属性:{ 背景颜色:{ type:'字符串', 默认值:“some-preset-background-slug”, } } 风格 :的属性 对象 未指定默认值的类型。 选择自定义背景色时(即使用自定义颜色选择器),自定义颜色值存储在 样式.颜色.背景 属性。 块可以通过使用默认值指定其自身属性来应用默认自定义背景色。 例如: 属性:{ 样式:{ type:'对象', 默认值:{ 颜色:{ 背景:“#aabbcc”, } } } }
彩色按钮
支架:{ 颜色:{ 按钮:true } }
风格 :的属性 对象 未指定默认值的类型。 选择按钮颜色时,颜色值存储在 样式.elements.button.color.text 和 style.elements.button.color.background样式元素按钮颜色背景 属性。 块可以通过使用默认值指定其自身属性来应用默认按钮颜色。 例如: 属性:{ 样式:{ type:'对象', 默认值:{ 元素:{ 按钮:{ 颜色:{ text:'变量:预设|颜色|对比度', 背景:'#000000', } } } } } }
颜色启用对比检查器
支架:{ 颜色:{ enableContrastChecker:false } }
颜色__ 实验双色调
颜色.渐变
支架:{ 颜色:{ 渐变:真, //如果不想将默认值与渐变一起使用,则必须禁用默认值。 背景:假, 文本:false } }
梯度 :的属性 一串 未指定默认值的类型。 当用户从预设梯度列表中进行选择时,预设段塞将存储在 梯度 属性。 块可以通过使用默认值指定自己的属性来应用默认预设渐变。 例如: 属性:{ 梯度:{ type:'字符串', 默认值:“some-preset-gradient-slug”, } } 风格 :的属性 对象 未指定默认值的类型。 选择自定义渐变时(即使用自定义渐变选择器),自定义渐变值存储在 样式.颜色.渐变 属性。 块可以通过使用默认值指定自己的属性来应用默认自定义渐变。 例如: 属性:{ 样式:{ type:'对象', 默认值:{ 颜色:{ gradient:'线性-梯度(135度,rgb(170187204)0%,rgp(17,34,51)100%)', } } } }
颜色。标题
支架:{ 颜色:{ //启用标题颜色支持。 标题:true } }
风格 :的属性 对象 未指定默认值的类型。 选择标题颜色后,颜色值存储在 样式.元素.标题.颜色.text 和 style.elements.heading.color.background样式.元素.标题.颜色.背景 属性。 块可以通过使用默认值指定其自身属性来应用默认标题颜色。 例如: 属性:{ 样式:{ type:'对象', 默认值:{ 元素:{ 标题:{ 颜色:{ text:'变量:预设|颜色|对比度', 背景:'#000000', } } } } } }
颜色链接
支架:{ 颜色:{ 链接:true } }
风格 :的属性 对象 未指定默认值的类型。 选择链接颜色后,颜色值存储在 样式.elements.link.color.text 和 style.elements.link.: 悬停.颜色.text 属性。 块可以通过使用默认值指定其自身属性来应用默认链接颜色。 例如: 属性:{ 样式:{ type:'对象', 默认值:{ 元素:{ 链接:{ 颜色:{ text:'变量:预设|颜色|对比度', }, “:悬停”:{ 颜色:{ 文本:“#000000” } } } } } } }
颜色.text
支架:{ color:true//启用背景和文本,但不启用链接。 }
支架:{ 颜色:{ //禁用文本颜色支持。 文本:false } }
文本颜色 :的属性 一串 未指定默认值的类型。 当用户从预设文本颜色列表中选择时,预设段塞存储在 文本颜色 属性。 块可以通过使用默认值指定其自身属性来应用默认预设文本颜色。 例如: 属性:{ text颜色:{ 类型:“字符串”, 默认值:“some-preset-text-color-slug”, } } 风格 :的属性 对象 未指定默认值的类型。 选择自定义文本颜色时(即使用自定义颜色选择器),自定义颜色值存储在 样式.颜色.text 属性。 块可以通过使用默认值指定其自身属性来应用默认自定义文本颜色。 例如: 属性:{ 样式:{ type:'对象', 默认值:{ 颜色:{ 文本:“#aabbcc”, } } } }
自定义类名
类型: 布尔值 默认值: 真的
支架:{ //删除对自定义className的支持。 customClassName:false }
尺寸
类型: 对象 默认值:null 子属性: 最小高度 :类型 布尔值 ,默认值 假
支架:{ 尺寸:{ aspectRatio:true//启用纵横比控制。 minHeight:true//启用最小高度控制。 } }
风格 :的属性 对象 未指定默认值的类型。 这是在以下情况下添加的 纵横比 或 最小高度 宣布支持。 它存储用户设置的自定义值。 例如:
属性:{ 样式:{ 尺寸:{ 纵横比:“16/9”, 最小高度:“50vh” } } }
滤波器
类型: 对象 默认值:null 子属性: 双色调 :类型 布尔值 ,默认值 假
过滤器.uotone
支架:{ 过滤器:{ //启用双音支持 双音:真 } }, 选择器:{ 过滤器:{ //将过滤器应用于图像块内的img元素 双色调:'.wp-block-image img' } }
风格 :的属性 对象 未指定默认值的类型。 块可以通过使用默认值指定其自身属性来应用默认双色调颜色。 例如: 属性:{ 样式:{ type:'对象', 默认值:{ 颜色:{ 双音:[ “#FFF”, '#000' ] } } } }
html格式
类型: 布尔值 默认值: 真的
支架:{ //删除对HTML模式的支持。 html:错误 }
插入器
类型: 布尔值 默认值: 真的
支架:{ //从插入器中隐藏此块。 插入器:false }
互动性
类型: 布尔值 或 对象 默认值: 假 子属性: 客户端导航 :类型 布尔值 ,默认值 假 交互式 :类型 布尔值 ,默认值 假
布局
类型: 布尔值 或 对象 默认值:null 子属性: 违约 :类型 对象 ,默认值为null 允许切换 :类型 布尔值 ,默认值 假 允许编辑 :类型 布尔值 ,默认值 真的 allowInheriting(允许继承) :类型 布尔值 ,默认值 真的 allowSizingOnChildren :类型 布尔值 ,默认值 假 允许垂直对齐 :类型 布尔值 ,默认值 真的 允许理由 :类型 布尔值 ,默认值 真的 allow方向 :类型 布尔值 ,默认值 真的 允许自定义内容和宽尺寸 :类型 布尔值 ,默认值 真的
布局.默认
类型: 对象 默认值:null
布局.允许切换
类型: 布尔值 默认值: 假
布局.允许编辑
类型: 布尔值 默认值: 真的
layout.allowInheriting布局允许继承
类型: 布尔值 默认值: 真的
布局.allowSizingOnChildren
类型: 布尔值 默认值: 假
布局允许垂直对齐
类型: 布尔值 默认值: 真的
布局.允许对齐
类型: 布尔值 默认值: 真的
布局.允许方向
类型: 布尔值 默认值: 真的
布局允许自定义内容和宽尺寸
类型: 布尔值 默认值: 真的
锁
类型: 布尔值 默认值: 真的
支架:{ //删除对锁定UI的支持。 锁定:假 }
倍数
类型: 布尔值 默认值: 真的
支架:{ //每个帖子只使用一次区块 倍数:false }
位置
类型: 对象 默认值:null 子属性: 粘性的 :类型 布尔值 ,默认值 假
支架:{ 位置:{ sticky:true//启用选择sticky位置。 } }
风格 :的属性 对象 未指定默认值的类型。 这是在以下情况下添加的 粘性的 声明支持。 它存储用户设置的自定义值。 例如:
属性:{ 样式:{ 位置:{ 类型:“粘性”, 顶部:“0px” } } }
重命名
类型: 布尔值 默认值: 真的
支架:{ //不允许在编辑器中重命名块。 重命名:false, }
可重复使用的
类型: 布尔值 默认值: 真的
支架:{ //不允许将块转换为可重用块。 可重用:false, }
阴影
类型: 布尔值 默认值: 假
支架:{ shadow:true//启用box-shadow选择器。 }
风格 :的属性 对象 未指定默认值的类型。 选择阴影后,颜色值存储在 样式阴影 . 块可以通过使用默认值指定自己的属性来应用默认阴影。 例如: 属性:{ 样式:{ type:'对象', 默认值:{ shadow:“var:preset | shadow | deep” } } }
间距
类型: 对象 默认值:null 子属性: 边缘 :类型 布尔值 或 阵列 ,默认值 假 衬垫 :类型 布尔值 或 阵列 ,默认值 假 块间隙 :类型 布尔值 或 阵列 ,默认值 假
支架:{ 间距:{ margin:true,//启用margin UI控件。 padding:true,//启用填充UI控件。 blockGap:true,//为同时使用“布局”的块启用块间距UI控制。 } }
风格 :的属性 对象 未指定默认值的类型。 这是在以下情况下添加的 边缘 或 衬垫 声明支持。 它存储用户设置的自定义值。 例如:
属性:{ 样式:{ margin:'值', 填充:{ top:'值', } } }
支架:{ 间距:{ margin:['top','bottom'],//为任意边启用边距。 padding:true,//为所有边启用padding。 blockGap:['水平','垂直'],//启用轴向(列/行)块间距控制 } }
印刷术
类型: 对象 默认值: 无效的 子属性: 字体大小 :类型 布尔值 ,默认值 假 线条高度 :类型 布尔值 ,默认值 假 text对齐 :类型 布尔值 或 阵列 ,默认值 假
支持:{ 版式:{ //启用字体大小的支持和UI控件。 fontSize:true, //启用线高支持和UI控制。 lineHeight:真, //为文本对齐启用支持和UI控件。 text对齐:true, }, }
字体.fontSize
类型: 布尔值 默认值: 假
支架:{ 版式:{ //启用字体大小的支持和UI控件。 fontSize:true, }, }
字体大小 :的属性 一串 未指定默认值的类型。 它存储用户选择的任何预设值。 块可以通过指定自己的fontSize应用默认fontSize 字体大小 属性设置为默认值。 例如:
属性:{ 字体大小:{ type:'字符串', 默认值:“some-value”, } }
风格 :的属性 对象 未指定默认值的类型。 它存储用户设置的自定义值,并与其他块支持(如颜色)共享。 块可以通过指定自己的样式来应用默认样式 风格 属性设置为默认值。 例如:
属性:{ 样式:{ type:'对象', 默认值:{ 版式:{ fontSize:'值' } } } }
排版.line高度
类型: 布尔值 默认值: 假
支架:{ 版式:{ //启用线高支持和UI控制。 lineHeight:真, }, }
属性:{ 样式:{ type:'对象', 默认值:{ 排版:{ lineHeight:'值' } } } }
typegraphy.text对齐
类型: 布尔值 或 阵列 默认值: 假
支架:{ 版式:{ //声明支持块的文本对齐。 //这增加了对所有选项的支持: //左,中,右。 text对齐:true } }
支架:{ 版式:{ //声明对特定文本对齐选项的支持。 text对齐:['左','右'] } }
属性:{ 样式:{ 类型:“对象”, 默认值:{ 版式:{ textAlign:“值” } } } }
分裂