WordPress 编辑器中的许多区块都包含尺寸设置,以控制内容的外观。此指南将向您展示如何使用这些设置。
当您点击区块时,您将在右侧边栏中找到区块设置。如果您没有看到边栏,您可能需要点击右上角的设置图标以打开设置。这个图标看起来像两个宽窄不一的栏目拼在一个方框里面:
![编辑器里的设置图标,采用黑色背景,其下有提示信息“设置”。](https://en-support.files.wordpress.com/2022/12/settings-option.png?w=676)
在区块设置中,您可以立即找到尺寸设置。其他区块的尺寸设置位于样式选项卡下。右侧的图像显示一个区块,其中包含样式选项卡下的尺寸设置,可通过点击圆形图标进行访问。
请注意,并非每个区块都包含尺寸设置。可用设置将因主题和区块类型而异。
![在区块的设置中,“尺寸”显示在“样式”选项卡下。](https://en-support.files.wordpress.com/2023/06/dimensions-settings.png?w=335)
如果看不到特定设置,请点击尺寸右侧的 … 或 + 图标(如右侧所示)。然后,您可以选择要访问的选项:
- 内边距
- 边距
- 区块间距
- 最低高度
请注意,并非每个区块都包含所有这些设置。可用尺寸设置将因区块主题和类型而异。
点击每个设置一次,旁边将显示一个复选标记。然后,您可以关闭三个点号菜单以查看设置。
![箭头指向尺寸旁边的三个点号按钮,显示内边距、边距、区块间距和最低高度的可点击选项。](https://en-support.files.wordpress.com/2023/06/dimension-settings-all.png?w=684)
内边距设置会影响区块内容周围的空间,即区块边框内部。
边距设置会影响区块边框外的空间。
使用滑块可增加或减少区块周围的内边距或边距。要获得更精细的控制,您可以通过点击滑块图标来设置特定值,如下图所示(您也可以选择使用的单位):
![展示了点击 PX 以打开其他单位下拉菜单的过程的动态 GIF。](https://en-support.files.wordpress.com/2022/09/gategories-block-dimensions-units.gif?w=559)
您可以为区块的顶部、右侧、底部和左侧设置不同的内边距和边距值。点击取消链接侧面图标(由一条线穿过链环表示),如下所示:
![箭头指向“内边距”和“边距”旁边的链接图标,点击后会打开顶部、右侧、底部和左侧尺寸的控件。](https://en-support.files.wordpress.com/2022/09/categories-block-settings-dimensions-unlock.png?w=556)
使用区块间距调整组、行或堆叠中任意两个区块之间的距离。您可以按照以下描述定制区块间距:
![区块间距设置。](https://en-support.files.wordpress.com/2023/03/block-spacing-settings.png?w=610)
- 点击虚线可增加或减少区块项目之间的间距。
- 点击设置图标可设置区块间距的自定义值,并选择使用的单位。
- 点击取消链接侧图标以取消区块间距设置的链接,以便为区块的每一侧设置不同的值。
在封面、组、行和文章内容区块等区块上设置最低高度。这可确保内容将以您设置的最大高度显示,而不考虑查看者的屏幕大小。
使用尺寸设置时,您可以从以下单位中进行选择:
- 像素 – 无论屏幕尺寸如何,都保持一致的大小。
- % – 选择相对于父 HTML 元素的百分比。
em
– 使用相对于父 HTML 元素的响应大小,该大小可根据查看者的屏幕尺寸进行调整。rem
– 使用相对于根 HTML 元素的响应大小,该大小可根据查看者的屏幕尺寸进行调整。vw
– 设置相对于查看者屏幕宽度的大小。vh
– 设置相对于查看者屏幕高度的大小。