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

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

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

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

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

1. 吸引注意力

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

2. 增强用户体验

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

3. 改善可访问性

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

4. 提升SEO

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

在 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 插件

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

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

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

您现在可以通过访问SeedProd » 设置页面，将此密钥粘贴到您的WordPress管理区域。

一旦您到达这里，请继续并将您的密钥粘贴到许可证密钥字段中。然后，您只需单击验证密钥。

接下来，转到SeedProd » 登陆页面并点击添加新登陆页面。

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

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

找到模板后，将鼠标悬停在其上。然后，点击“预览”图标。

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

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

如果要更改自动创建的URL，请编辑页面URL

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

在左侧边栏中，您将看到所有可以使用拖放功能添加到页面的块和部分。

除非您使用空白模板，否则您的SeedProd页面已经有一些块和部分。要编辑任何内容，点击选择块或部分。

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

在图像上添加文本的最简单方法是使用SeedProd预设的英雄区块。

这些区块包含一张全宽的背景图像和一些占位文本，您只需用自己的内容替换默认的背景图像和文本即可。

点击左侧菜单中的“区块”选项卡。

然后，点击“英雄区块”以查看您可以添加到页面的所有预设英雄区块。

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

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

悬停背景图像预览，直到出现垃圾桶图标。然后，您可以继续并点击此图标

接下来，点击使用您自己的图像。然后，您可以从WordPress媒体库中选择图像或使用库存图像。

添加图像后，您就可以替换占位符文本。

点击选择文本块。然后在文本区域中，简单地输入您要使用的文本。

SeedProd 的一些英雄模板包含额外的内容，例如行动号召按钮。

如果您想更改这些内容，点击选择区块，然后在 SeedProd 的左侧菜单中进行更改。

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

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

如果您对页面设计感到满意，请点击“保存”按钮。

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

总结

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

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