返回到支持 内容和媒体 尺寸设置

尺寸设置

WordPress 编辑器中的许多区块都包含尺寸设置,以控制内容的外观。此指南将向您展示如何使用这些设置。

访问尺寸设置

当您点击区块时,您将在右侧边栏中找到区块设置。如果您没有看到边栏,您可能需要点击右上角的设置图标以打开设置。这个图标看起来像两个宽窄不一的栏目拼在一个方框里面:

编辑器里的设置图标,采用黑色背景,其下有提示信息“设置”。
点击此“设置”图标,打开区块设置

在区块设置中,您可以立即找到尺寸设置。其他区块的尺寸设置位于样式选项卡下。右侧的图像显示一个区块,其中包含样式选项卡下的尺寸设置,可通过点击圆形图标进行访问。

请注意,并非每个区块都包含尺寸设置。可用设置将因主题和区块类型而异。

在区块的设置中,“尺寸”显示在“样式”选项卡下。

查看所有设置

如果看不到特定设置,请点击尺寸右侧的 … 或 + 图标(如右侧所示)。然后,您可以选择要访问的选项:

  • 内边距
  • 边距
  • 区块间距
  • 最低高度

请注意,并非每个区块都包含所有这些设置。可用尺寸设置将因区块主题和类型而异。

点击每个设置一次,旁边将显示一个复选标记。然后,您可以关闭三个点号菜单以查看设置。

箭头指向尺寸旁边的三个点号按钮,显示内边距、边距、区块间距和最低高度的可点击选项。
内边距和边距

内边距设置会影响区块内容周围的空间,即区块边框内部。

边距设置会影响区块边框外的空间。

使用滑块可增加或减少区块周围的内边距或边距。要获得更精细的控制,您可以通过点击滑块图标来设置特定值,如下图所示(您也可以选择使用的单位):

展示了点击 PX 以打开其他单位下拉菜单的过程的动态 GIF。

您可以为区块的顶部、右侧、底部和左侧设置不同的内边距和边距值。点击取消链接侧面图标(由一条线穿过链环表示),如下所示:

箭头指向“内边距”和“边距”旁边的链接图标,点击后会打开顶部、右侧、底部和左侧尺寸的控件。
区块间距

使用区块间距调整行或堆叠中任意两个区块之间的距离。您可以按照以下描述定制区块间距:

区块间距设置。
  1. 点击虚线可增加或减少区块项目之间的间距。
  2. 点击设置图标可设置区块间距的自定义值,并选择使用的单位
  3. 点击取消链接侧图标以取消区块间距设置的链接,以便为区块的每一侧设置不同的值。
最低高度

封面文章内容区块等区块上设置最低高度。这可确保内容将以您设置的最大高度显示,而不考虑查看者的屏幕大小。

单位

使用尺寸设置时,您可以从以下单位中进行选择:

  • 像素 – 无论屏幕尺寸如何,都保持一致的大小。
  • % – 选择相对于父 HTML 元素的百分比。
  • em – 使用相对于父 HTML 元素的响应大小,该大小可根据查看者的屏幕尺寸进行调整。
  • rem – 使用相对于根 HTML 元素的响应大小,该大小可根据查看者的屏幕尺寸进行调整。
  • vw – 设置相对于查看者屏幕宽度的大小。
  • vh – 设置相对于查看者屏幕高度的大小。
Copied to clipboard!