使用指南/创建内容/更改内容的宽度

更改内容的宽度

WordPress 编辑器中,您可以控制内容(如图片、文本等)在页面上的显示宽度。本指南将介绍相关选项,并说明如何设置站点内容的宽度。

关于宽度设置

每个区块主题都有默认的内容宽度,用于控制页面上的文本和图片显示宽度。这些尺寸选项包括:

  • 内容(或“无”):将区块的宽度设置为内容区域的默认宽度
  • 加宽:将区块的宽度设置为较宽(但不是全宽)的尺寸。
  • 全宽:将区块的宽度设置为填满整个可用区域的尺寸。

编辑某些内容区块(例如图片区块栏目区块)时,选中区块后会出现区块工具栏,其中的“对齐”选项就包括内容宽度选项。

一个工具栏,其中“对齐”图标被框出,下拉菜单中显示宽度选项。

并非所有区块都包含内容宽度选项。本指南将在下文中介绍如何将宽度选项应用到默认不含这些选项的区块。

更改区块的宽度

如果内容区块包含宽度调整选项,则您可以在内容区块上方区块工具栏中的“对齐”选项下找到这些选项。请按照以下步骤更改区块的宽度:

  1. 使用以下路径之一,从您站点的仪表盘导航至要编辑的内容:
    • 页面
    • 文章
    • 外观 → 编辑器
  2. 添加内容区块,或点击包含您已添加内容的区块。
  3. 在区块工具栏中,点击“对齐图标:
组区块工具栏,其中“对齐”图标被框出。
  1. 选择适当的宽度:无、加宽或全宽。
  2. 点击“保存”按钮,保存您的更改。

对于不含宽度调整选项的区块,了解如何将宽度选项应用到默认不含这些选项的区块。

观看以下视频,了解如何更改内容的宽度。点击播放按钮后,您可以使用右下角的控件放慢或加快视频播放速度。

图片区块(例如封面区块图库区块)还另外包含左对齐、居中对齐或右对齐选项。通过这些选项,您可以让文本环绕在图片周围

在不含宽度设置的情况下更改区块的宽度

某些区块不含布局选项或者本指南上文所述的所有宽度设置。例如段落区块自定义 HTML 区块。您可以使用组区块将单个或多个区块组合起来,从而调整内容的宽度。请按照以下步骤将任何区块设置为任意宽度:

  1. 从您站点的仪表盘导航至“页面”、“文章”或“外观 → 编辑器”。 
  2. 添加单个或多个区块。 
  3. 选择区块,然后点击区块工具栏中的省略号(三个点)。
  4. 点击“组合”选项,对区块进行组合(即便只有一个区块)。
  5. 在区块上方的新组区块工具栏中,点击“对齐图标:
组区块工具栏,其中“对齐”图标被框出。
对齐
  1. 选择适当的宽度:无、加宽或全宽。
    • 您也可以在组区块边栏设置中将“内部区块使用内容宽度”设置(详见下一节)切换为“关闭”。此更改可确保父区块内的所有区块都能占满父区块的整个宽度。
  2. 点击“保存”按钮,保存您的更改。

观看以下视频,了解如何对区块进行组合,这样您就可以将宽度设置应用到默认不含该选项的内容,或一次性为多个区块应用宽度设置。点击播放按钮后,您可以使用右下角的控件放慢或加快视频播放速度。

内部区块使用内容宽度

此设置主要应用于设计区块,例如组区块行区块和堆栈区块。您还可以在用于嵌套内容的任何其他区块中看到该选项,例如封面区块栏目区块。该设置可让您控制设计区块中嵌套内容的显示方式。

例如,当您添加一个栏目区块并在栏目内嵌套内容时,这些内容即构成“内部区块”。

内部区块使用内容宽度”设置用于控制父区块内嵌套区块的显示方式:

如果“内部区块使用内容宽度”处于“开启”状态:

  • 内部区块将采用主题的默认内容宽度加宽(如适用)。
  • 输入自定义值,为特定区块自定义这些宽度。
  • 保留内边距,使内容与站点的结构化布局保持一致。

如果“内部区块使用内容宽度”处于“关闭”状态:

  • 无论主题的内容宽度限制如何,内部区块都将占满父区块的整个宽度
  • 内部区块两侧的多余内边距将被移除,使其能够延展至容器边缘。
区块设置边栏的“布局”部分。

要调整“内部区块使用内容宽度”设置,请执行以下步骤:

  1. 从您站点的仪表盘导航至“页面”、“文章”或“外观 → 编辑器”。 
  2. 点击区块或使用列表视图选择特定区块。 
  3. 在区块的边栏中找到“布局”部分。
  4. 点击“内部区块使用内容宽度”切换按钮,开启或关闭此项设置。
箭头从栏目指向边栏的“布局”部分。

观看以下视频,了解如何调整父区块中区块的内容宽度。点击播放按钮后,您可以使用右下角的控件放慢或加快视频播放速度。

更改宽度设置的默认值

您选择的主题会为“内容”和“加宽”设置提供默认宽度值。您可以对整个主题的这些默认宽度进行调整。

本指南的此部分适用于使用我们 WordPress.com 高级版、商务版和电商版套餐以及旧版专业版套餐的站点。对于使用免费套餐或个人版套餐的站点,请升级您的套餐以使用此功能。

要自定义默认宽度设置,请执行以下步骤:

  1. 访问您站点的仪表盘。 
  2. 导航至“外观编辑器”。
  3. 在边栏中选择“样式”。
  4. 选择“布局”选项。
  5. 在“尺寸”下调整“内容”和“加宽”设置的默认宽度值。
  6. 您还可以调整内边距和区块间距。
  7. 点击“保存”按钮以保存更改。
Copied to clipboard!