使用指南/编辑您的网站/更改您站点的背景图片

更改您站点的背景图片

您可以为站点设置自定义背景,从而个性化您站点的外观和风格。如果您想要更改背景图片,可以按照本指南中的步骤进行操作。

背景图片选择贴士

设置背景图片能够有效展示您的个性,并让您的站点与众不同。以下是帮助您自定义站点背景图片的一些贴士:

  • 背景图片可能会使显示在其上方的文本难以阅读,具体取决于您所使用的图片。为了达到最佳效果,请选择不会遮挡站点内容的精巧图像或纯色图案。
  • 选择一张能适应站点全宽而不会模糊不清的高质量图片。您可以从免费照片库中选择高质量图片。
  • 对于您选择的任何图片,请选择互补的颜色,避免冲突或致使网站文本难以阅读。

如果您更想选择背景颜色而非图片,可以查看以下“更改您站点的背景颜色”指南。否则,请继续阅读以更新您的背景图片。

设置整个网站的背景图片

您可以按照以下步骤更改您站点的背景图片。

要确定应遵循本指南的哪个部分,请访问您的仪表盘,查看左侧的“外观”部分。如果您在此处看到“编辑器”,请遵循本指南的“站点编辑器”部分。否则,请遵循定制器说明。

使用“样式”选项即可更改整个站点的背景图片。要添加、移除或更改您站点的背景图片,请按照以下步骤操作:

  1. 访问您站点的仪表盘
  2. 转到“外观 → 编辑器”。
  3. 选择左侧菜单中的“样式”。
    • 在编辑器中,您还可以选择右上角的样式图标,按钮看起来像一个黑白圆圈。
  4. 点击“背景”选项。
  5. 点击“添加背景图片”按钮,从您的媒体库中选择一张图片,或者从您的计算机上传一张图片。
  6. 您可以点击所选图片,以自定义背景图片设置
  7. 点击“保存”按钮,将背景图片应用到您的网站。
“样式”编辑器中的“背景”选项。

调整背景图片设置

设置背景图片后,您可以点击背景图片以打开设置面板,配置焦点、位置和尺寸。

  • 焦点:设置图片的焦点,以确保在无法显示完整图片的小屏幕上仍能突出显示关键部分。您可以拖动图片中的圆圈,或者使用“左”“上”百分比选项指定确切位置。
  • 固定背景:背景相对于视口固定不动。图片将在站点内容后保持静态。
  • 尺寸
    • 填充:拉伸背景图片以填满整个区块。
    • 适应:调整背景图片的尺寸,适应区块但不裁剪图片。
    • 平铺:在自定义字段中为背景图片设置固定宽度。使用尺寸部分下方的字段,设置尺寸以及图片是否应该重复。
背景图片设置,包括焦点和尺寸。

移除背景图片

要移除(或替换)背景图片,请执行以下步骤:

  1. 访问您站点的仪表盘
  2. 转到“外观 → 编辑器”。
  3. 选择左侧菜单中的“样式”。
    • 在编辑器中,您还可以选择右上角的样式图标,按钮看起来像一个黑白圆圈。
  4. 点击“背景图片”标签旁边的三个点,然后点击图片旁边的“重置”选项或面板底部的“全部重置”按钮。
箭头从“背景图片”标题右侧的三个点指向“重置”选项。

为特定区块添加背景图片

如果您想为页面或模板的特定部分而非整个站点设置背景图片,可以使用组区块对内容进行分组,然后为组添加背景。

有些区块包含用于在区块内容后显示背景图片的设置。要为特定区块设置背景图片,请执行以下步骤:

  1. 选择您想向其添加背景图片的区块(支持内容引用诗篇等区块)。
  2. 打开区块设置边栏。

如果您没有看到边栏,可能需要点击右上角的设置图标打开设置。此图标看起来像一个有两个不规则柱子的方块。

突出显示位于 WordPress 编辑器顶部的设置图标。
右上角的设置图标
  1. 在区块设置的“样式”部分下找到“背景图片”设置。
  2. 点击“添加背景图片”,此时屏幕上会出现以下选项:
    • 打开媒体库:从您站点的“媒体”中选择一张现有图片。
    • 上传:从您的计算机或设备中添加新图片。
    • 重置:移除背景图片。
  3. 您可以点击背景图片的名称,以自定义焦点、尺寸等

背景图片的优先级高于任何背景颜色集。

Adding a background image to a Group block.
Copied to clipboard!