返回到支持 设计站点 更改站点背景

更改站点背景

为您的站点设置背景颜色或图像,打造个性化外观与风格。按照本指南中的步骤学习相应的操作方法。

背景选择贴士

设置背景颜色或图像是一个彰显您的个性并让您的站点独一无二的好方法。在决定如何自定义站点背景时,请谨记以下贴士:

方法 1:在站点编辑器中更改背景

如果您的站点使用的是支持站点编辑器的主题,则您可以使用此方法更改站点的背景。请查看仪表盘中的“外观”项,快速确定您的站点是否支持使用站点编辑器。如果您在此处看到“编辑器”,则可以按照以下步骤更改您站点的背景。

背景颜色
  1. 仪表盘中,转到“外观”→“编辑器”
  2. 点击左侧的“样式”,或选择此处所示的“样式”图标。图标看起来像一个一半黑色一半白色的圆圈。
  3. 点击“颜色”选项。
  4. 点击“背景”选项。
  5. 使用颜色选择器选择您想要的颜色。您可以选择纯色或设定渐变色。
  6. 点击“保存”
箭头指向站点编辑器中的“样式”按钮。
背景图像

您可以使用“封面”区块在页面所有内容后放置一张背景图像。按照以下步骤,使用“封面”区块添加图像,并将页面所有内容置于图像上方:

  1. 仪表盘中,转到“外观”→“编辑器”
  2. 点击左上角的由三条水平线构成的图标,打开“列表视图”
  3. 将鼠标悬停在“列表视图”板块中最顶部的区块上。
  4. 点击该区块右侧的三个点。
  5. 点击“在之前插入”选项。
使用“列表视图”在一个区块前插入另一个区块。
  1. 在此处所有其他区块之前插入一个“封面”区块
  2. 将您的背景图像上传“封面”区块
  3. 选择并移动“列表视图”中的所有其他区块,并将它们放置在“封面”区块内。您可以按照下方视频所示单击并拖动。
    • 如果有任何区块处于锁定状态,您可将其解锁,以便启用编辑和移动。
  4. 如果在您添加背景图像后,“封面”区块上的文本变得难以阅读,则您可以通过设置不透明度来提高可见性
  5. 点击右上角的“保存”按钮。

方法 2:在定制器中更改背景

经典 WordPress 主题中,您可以在定制器中找到背景图像设置。请查看仪表盘中的“外观”→“自定义”项,快速检查您的站点所使用的是否为经典主题。如果您在此处看到“颜色和背景”,则可以按照以下步骤更改您站点的背景。

背景颜色
  1. 访问您站点的仪表盘
  2. 导航至“外观”→“自定义”
  3. 点击“颜色和背景”选项卡。
    • “自定义”项下没有看到“颜色和背景”则说明您所用的主题不支持更改颜色和背景。我们建议切换到站点编辑器主题以完全控制您的站点。 
  4. 在下一个屏幕上,查看“背景”设置。如下图所示,点击相应的编号板块,自定义您的站点背景:
用于在定制器中更新背景的选项。您可以编辑调色板、上传图像、自选颜色或选择图案。
  1. 点击有颜色的方框区域,调出可用于自定义主题背景的选项。
  2. 点击“调色板”,为您的站点选择新的调色板
  3. 点击“选择图像”,选择用作背景的图像。仅当您的主题支持背景图像时,该选项才会出现。在下方进一步了解“背景图像”
  4. 点击任何自动颜色建议,将其用于您的站点。
  5. 点击“自选颜色”链接,打开颜色选择器,用其来为您的背景设置自定义颜色。
  6. 点击任意图案,将其用作您站点的背景。
  7. 点击“更多”按钮,加载其他图案以供选择。点击一次“更多”按钮后,该按钮旁将会显示一个“返回”按钮。您可以使用该按钮来加载选择区域内的前几个图案。背景图案由 COLORlovers 提供。
背景图像

选择用作站点背景的图像后(见上文第 3 点 ),其正下方会出现一个“选项”按钮。如下图所示,在点击该按钮后,您将看到几项背景图像显示设置:

用于调整背景图像在定制器中的位置以及基本颜色的选项。
  1. 点击“选择图像”,从媒体库中选择一个现有图像,或上传一个新图像。
  2. 点击“选项”,打开背景图像的其他显示设置。
  3. 点击相应图标,调整背景图像的位置。
    • “位置”控制背景图像的对齐位置:左对齐、居中对齐或右对齐。
    • “重复”决定图像是显示一次、垂直重复、水平重复还是平铺。
    • “固定位置”表示在您上下滚动页面时,图像会固定不动。
    • “基本颜色”是加载到背景图像后的颜色。
  4. 点击有颜色的方框,打开颜色选择器,您可以在其中为背景另选“基本颜色”
  5. 点击“隐藏背景图像”以移除当前图像并另选一个图像,或者改用纯色背景颜色或图案。
保存更改

完成更改后,点击屏幕顶部的“保存更改”按钮以保存您的背景。

定制器顶部的“保存更改”按钮。
Copied to clipboard!