如何在WordPress中的图像上添加文本（3种方法）

在图片上添加文字是一种流行的技巧，可以增强其内容或网站的视觉吸引力。同时，这也是使您的图片更具信息量和吸引力的好方法。.

在这篇文章中，我们找到了三种简单的方法，在WordPress中的图像上添加文本。无论您喜欢使用块编辑器、插件还是自定义代码。让我们来看看！

为什么在图像顶部添加文本很重要

在继续讨论方法之前，您需要了解在图像顶部添加文本的原因。.

1. 吸引注意力

如果用户快速滚动浏览内容，仅添加图像可能不足以吸引他们的注意力。这就是为什么您需要在图像顶部添加文本，以帮助您抓住用户的注意力并更有效地传达您的信息。.

2. 增强用户体验

诚然，图片本身就能提供很大的价值，然而，在图片上添加文本，如标题、引语或其他基于文本的内容，可以使图片更加有用。此外，用户可以理解图片的上下文以及它与您内容的相关性。.

3. 改善可访问性

您还可以帮助改善可能难以查看图像本身的用户的可访问性。通过提供文本替代方案，您可以确保您的内容对更广泛的用户可用。.

4. 提升SEO

在您的图像标题或 alt 文本中添加相关关键词可以帮助 提升网站的搜索引擎排名。这是因为搜索引擎使用这些信息来了解您网站的内容，并确定它与用户的搜索查询的相关程度。

在 WordPress 中图像上添加文本的 3 种方法

1. 使用 WordPress 区块编辑器

首先，转到要在图像上添加文本的页面或帖子。.

选择 封面 以在图像上写入文本。

之后，它将开始出现在您的屏幕上。它显示默认图像，但您可以根据需要更改图像。.

您也可以用自定义图像替换默认图像。点击 替换按钮 ，然后上传图像或直接 从媒体库中选择。

它将看起来像这样，然后您可以根据需要将文本写在图像上。.

双击 文本，您将获得文本的编辑选项。您可以根据需要调整大小、颜色等。

最后， 点击更新按钮 ，或者如果您添加了新的文章或页面，则点击发布按钮。

2. 使用CSS

打开WordPress块编辑器并选择图像块 ，您想在那里添加文本。在右侧边栏中， 单击 高级 选项卡。

在 附加CSS类 字段中，为图像块添加自定义类。

保存 更改并发布或更新页面或文章。

.custom-class { 位置: 相对; } .custom-class p { 位置: 绝对; 顶部: 50%; 左侧: 50%; 变换: 平移(-50%, -50%); 字体大小: 24px; 颜色: #ffffff; 文字阴影: 2px 2px 2px #000000; } 

在上面的代码中， 替换 "custom-class" 用您在图像块中添加的自定义类。您还可以自定义字体大小、颜色和其他样式选项，以匹配您的偏好。

3. 使用 WordPress 插件

如果您想要自由创建完全自定义的页面设计，那么您需要一个页面构建插件。WordPress 页面构建插件之一是 SeedProd，它允许您在整个网站的任何图像上添加文字。

首先， 安装并激活 SeedProd 插件。激活后，您需要输入许可证密钥。 登录 到您的 SeedProd 账户，然后 点击 在 下载 选项卡。

完成后， 复制 密钥在 许可证 键部分。

您现在可以将此密钥粘贴到您的 WordPress 管理区域，方法是前往 SeedProd » 设置页面.

一旦您到达此处，请继续并 将您的密钥粘贴到许可证密钥 字段。然后，您只需 点击验证密钥.

接下来，前往 SeedProd » 登陆页面 并点击 添加新登陆页面.

之后，选择一个模板。无论您选择哪个 SeedProd 模板，您都可以自定义模板的每个部分，以完美地适应您的网站和品牌。

但是，如果您更喜欢从空白开始， 点击“空白模板”。

一旦您've 找到模板，将鼠标悬停在上面。然后您可以 点击预览图标.

如果您对该模板的外观感到满意，请继续点击 选择此模板按钮。

在 页面名称 字段中，为页面输入名称。

如果要更改自动创建的URL，请编辑 页面URL 字段中的文本。

点击 保存并开始编辑页面 按钮。这将打开 SeedProd的拖放编辑器。

在左侧边栏，您将看到所有可以通过拖放添加到页面的块和部分。

除非您正在使用空白模板，否则您的 SeedProd 页面已经包含了一些区块和部分。要编辑这些内容中的任何部分， 点击以选择区块或部分.

SeedProd 的左侧菜单现在将显示您可以用来自定义此区块或部分的所有设置。

在图像上添加文字的最简便方法是使用 SeedProd's 现成的 Hero 部分之一。

这些部分带有占位符、全宽背景图像，并在其上添加了一些占位文本。您可以轻松地将默认的背景图像和文字替换为自己的内容。

点击 Section 选项卡位于左侧菜单。

然后， 点击 Hero 查看所有可添加到页面的现成 hero 部分。

要继续并将此英雄板块添加到您的设计中，只需点击“选择此板块”即可。.

点击库存图片以选择它 如果您想用自己的图片替换模板的库存图片。

悬停 背景图片 预览，直到出现垃圾箱图标。然后您可以继续 点击此图标 删除占位符图片。

接下来，点击 使用您自己的图片。您可以随后从 WordPress 媒体库 或使用图库图片。

添加图片后，您已准备好替换占位符文本。

点击选择文本块。然后在 文本区域，只需输入您想使用的文本。

SeedProd's 部分英雄模板包含额外内容，例如号召性按钮。

如果您想更改此内容， 点击以选择块 然后在 SeedProd's 左侧菜单中进行更改。

另一个选项是从英雄模板中删除区块。

要执行此操作， 点击选择区块 ，然后 点击垃圾桶图标。

如果您对页面设计满意， 点击保存按钮.

从这里，您可以选择发布页面或将其保存为模板。

总结

这就是在 WordPress 中在图像上添加文字的三种方法。很简单吧？请选择最符合您技能水平和设计偏好的方法。

此外，使用 WP Media Folder。像专业人士一样组织、优化和管理您的媒体文件。是时候告别凌乱的库了！