如何在 WordPress 中设置背景图像

在 WordPress 中添加背景图像是一个简单的过程。内容管理系统 (CMS) 为您提供了多种方法来执行此作,具体取决于您想要如何构建网站。了解每种方法将使您能够决定要使用哪种方法。

您可以使用块编辑器、定制器甚至页面构建器插件添加背景图像。在大多数情况下,该过程非常相似,不会超过几分钟。

在本文中,我们将介绍添加背景图像的每种方法,并向您展示它们的工作原理。 让我们开始吧!

1. 使用块编辑器添加背景图像

块编辑器可以轻松地在 WordPress 中添加背景图像并在其上设置其他元素。在编辑器中,这些部分称为 覆盖物块(Cover blocks)。

您可以在页面或帖子上的任何位置添加封面块。你不能做的是为其他方块设置盖子。这意味着您需要从 Cover 块开始,然后在其顶部添加其他元素。

要添加背景图像,请选择“封面”块并选择图像的来源。您可以上传新图片、使用媒体库中的文件或使用页面/帖子的特色图片:

在 WordPress 中添加封面块。

选择图像后,编辑器会要求您添加要在其上显示的文本。您还可以选择不设置任何文本并添加其他块。

WordPress 中背景图像的示例。

背景图像准备就绪后,您可以单击其中的加号图标来添加其他块。这些块将显示在背景图像上,您可以像往常一样自定义它们。

2.使用定制器

根据您使用的WordPress主题,您将可以访问定制器或全站编辑。如果您可以访问定制器,它提供了为整个页面和帖子设置背景图像的最简单方法。

为此,请打开定制器并从左侧导航菜单中选择“背景”。现在您将看到设置背景颜色或图像的选项。单击选择图像并选择您要使用的文件:

定制器背景图像。

请注意,为整页选择背景图像可能具有挑战性。我们建议使用不会过多分散页面内容注意力或难以与页面交互的图像。

定制器背景图像设置。

添加背景图像后,定制器将让您决定是使其适合页面大小还是重复图像。您还可以使用左侧菜单中的“图像位置”控件来移动图像,使其更适合设计。

3. 使用全站编辑器添加背景图像

如果您使用的是支持全站编辑的主题,则添加背景图像的过程会有所不同。首先,转到外观→编辑器。进入后,您可以编辑页面或模板并为其添加背景图像。

在此示例中,我们正在编辑 Neve FSE 主页模板。全站编辑器本身不包含设置背景图像的选项。但是,由于它使用块编辑器,因此您可以使用封面块在页面上任何位置添加背景图像。

FSE 背景。

如果您想将背景图像添加到主题模板或修改现有模板,这种方法是有意义的。如果您只需要为特定帖子添加背景图像,那么像往常一样使用块编辑器更有意义。

4.使用页面构建器插件

添加背景图像的过程将根据您使用的页面构建器而有所不同。WordPress 有很多令人惊叹的页面构建器插件,每个插件都提供了独特的体验。

举个例子,让我们看看该过程如何与 Elementor 配合使用。如果您打开 Elementor 编辑器并选择一个容器,您可以跳转到“样式”选项卡,将背景类型设置为“经典”,然后使用“图像”选项选择图像文件:

使用 Elementor 在 WordPress 中添加背景图像。

您可以上传图像或使用媒体库中的现有图像。Elementor 还包括一个 AI 工具,使您能够生成带有提示的图像,并可以使用它来创建新的背景图像。

为此,请单击图像选择器上方的“使用 AI 创建”按钮。这将打开一个新窗口,您可以在其中输入图像提示:

在 Elementor 中使用 AI 创建背景图像。

完成后,请记住保存对页面的更改并关闭 Elementor 编辑器。就是这样!

我爱主题网 自2012
主题:260+ 销售:1000+
兼容浏览器

电话咨询

7*12服务咨询电话:

1855-626-3292

微信咨询