settings.position财产中theme.json使您可以控制WordPress中块的全局定位设置。重要的是要注意,这使您可以在用户界面(而不是位置样式)中配置可用设置。

位置设置

position是一个直接嵌套在顶级中的对象settings财产中theme.json。目前,它仅可让您设置一个属性:

  • sticky 启用块支持的布尔值 位置:粘性 选项。

看看position在一个上下文中的属性theme.json具有默认值的文件:

{
	"version": 2,
	"settings": {
		"position": {
			"sticky": false
		}
	}
}

实现粘性定位

在用户向下滚动时,粘性定位在主题设计中尤其有用,该主题设计具有粘贴在屏幕顶部的标头。这是主要用例之一,但在其他情况下也可以很有用。

当用户滚动页面时,将块设置为粘性位置将粘贴到其最直接的父母。只有在启用theme.json

要启用支持它的块的粘性定位,请设置settings.position.stickytrue

{
	"version": 2,
	"settings": {
		"position": {
			"sticky": true
		}
	}
}

这将使一个新 位置 块检查器控件中的选项卡(用于支持位置功能的块,例如组)。该控件将显示带有可用位置选项的下拉列表选择: 默认

WordPress site editor with the Header template part selected. In the right sidebar, the Sticky option is selected for the Position setting.

如果要创建粘性标头,请注意,您不能在标题模板部分上使用定位。您必须用包含的组块将其包裹起来,并将粘性定位应用于组。

By zhuon

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注