这settings.position
财产中theme.json
使您可以控制WordPress中块的全局定位设置。重要的是要注意,这使您可以在用户界面(而不是位置样式)中配置可用设置。
位置设置
position
是一个直接嵌套在顶级中的对象settings
财产中theme.json
。目前,它仅可让您设置一个属性:
sticky
: 启用块支持的布尔值 位置:粘性 选项。
看看position
在一个上下文中的属性theme.json
具有默认值的文件:
{
"version": 2,
"settings": {
"position": {
"sticky": false
}
}
}
实现粘性定位
在用户向下滚动时,粘性定位在主题设计中尤其有用,该主题设计具有粘贴在屏幕顶部的标头。这是主要用例之一,但在其他情况下也可以很有用。
当用户滚动页面时,将块设置为粘性位置将粘贴到其最直接的父母。只有在启用theme.json
。
要启用支持它的块的粘性定位,请设置settings.position.sticky
到true
:
{
"version": 2,
"settings": {
"position": {
"sticky": true
}
}
}
这将使一个新 位置 块检查器控件中的选项卡(用于支持位置功能的块,例如组)。该控件将显示带有可用位置选项的下拉列表选择: 默认 和 黏:
如果要创建粘性标头,请注意,您不能在标题模板部分上使用定位。您必须用包含的组块将其包裹起来,并将粘性定位应用于组。