如何在WordPress中的图像之上添加文本(3种方法)
在图像之上添加文本是一种流行的技术,可以增强其内容或网站的视觉吸引力。另外,这是使您的图像更有信息和吸引力的好方法。
在本文中,我们找到了三种简单的方法,可以在WordPress中的图像之上添加文本。无论您喜欢使用块编辑器,插件还是自定义代码。让我们找出答案!
表中的内容
为什么在图像顶部添加文本很重要
在进行方法之前,您需要知道为什么在图像顶部添加文本的原因很重要。
1。引起注意
如果用户快速浏览内容,则单独添加图像可能不足以吸引他们的注意力。这就是为什么您需要在图像之上添加文本以帮助您引起用户的注意并更有效地传达您的信息。
2。增强用户体验
的确,图像可以自己提供很多价值,但是,在其顶部添加文本,例如字幕,引号或其他基于文本的内容,可以使其更有用。此外,用户可以理解图像的上下文及其与您的内容的关系。
3。提高可访问性
您还可以帮助提高可能难以查看图像本身的用户的可访问性。通过提供文本替代方案,您可以确保更广泛的用户可以访问您的内容。
4。增强SEO
将相关的关键字添加到您的图像标题或ALT文本可以帮助改善网站的搜索引擎排名。这是因为搜索引擎使用此信息来了解您网站的内容,并确定与用户搜索查询的相关性。
告别凌乱的媒体库。
WP Media Folder可让您对文件进行分类,将文件夹与云存储同步,创建令人惊叹的画廊,甚至在不断开链接的情况下替换图像。
立即优化您的媒体工作流程
3种方法如何在WordPress中的图像顶部添加文本
1。使用WordPress块编辑器
首先,转到要在图像上添加文本的页面或帖子。
选择封面以在图像上写文本。
之后,它将开始出现在您的屏幕上。它显示了默认图像,但是您可以根据需要更改图像。
您还可以用自定义图像替换默认图像。单击“替换”按钮,然后上传图像,或者只需从媒体库中选择即可。
看起来像这样,然后您可以根据需要在图像上写下文本。
双击文本,您将获得文本的编辑选项。您可以根据需要调整大小,颜色等。
最后,单击“更新”按钮,或者如果添加了新帖子或页面,请单击发布按钮。
2。使用CSS
要添加文本的图像块在右侧侧边栏中,单击“高级”选项卡。
在其他CSS类字段中,为图像块添加自定义类。
保存更改并发布或更新页面或帖子。
.custom-class {位置:相对; } .custom-class p {位置:绝对;顶部:50%;左:50%;变换:转换(-50%,-50%);字体大小:24px;颜色:#ffffff;文字阴影:2PX 2PX 2PX#000000; }
在上面的代码中,“自定义类替换为添加到图像块的自定义类。您还可以自定义字体尺寸,颜色和其他样式选项,以匹配您的喜好。
3。使用WordPress插件
如果您想自由创建完全自定义的页面设计,则需要一个页面构建器插件。 WordPress页面构建器插件之一是SeedProd,它允许您在整个网站上的任何图像上添加文本。
首先,安装并激活Seedprod插件。激活后,您需要输入许可证密钥。登录到您的Seedprod帐户,然后单击“下载”选项卡。
完成后,复制“许可证中的密钥。
现在,您可以通过转到SeedProd»设置页面。
到达这里后,请继续并将钥匙粘贴到许可证密钥字段中。然后,您只需要单击验证键。
接下来,前往SEEDPROD»着陆页,然后单击“添加新的着陆”页面。
之后,选择一个模板。无论您选择哪种种子模板,都可以自定义模板的每个部分以完美适合您的网站和品牌。
但是,如果您喜欢从空白画布开始,请单击空白模板。
找到模板后,将鼠标悬停在其上。然后,您可以单击预览图标。
如果您对此模板的外观满意,请继续并单击“选择此模板”按钮。
在页面名称字段中,输入页面的名称。
如果要更改自动创建的URL,请在页面URL字段中编辑文本。
单击保存并开始编辑页面按钮。这将打开Seedprod的拖放编辑器中的模板。
在左侧侧边栏中,您将看到所有可以使用拖放删除到页面上的块和部分。
除非您使用空白模板,否则您的Seedprod页面已经有一些块和部分。要编辑任何此内容,请单击以选择块或部分。
Seedprod的左手菜单现在将显示您可以使用的所有设置来自定义此块或部分。
在图像之上添加文本的最简单方法是使用Seedprod的现成的英雄部分之一。
这些部分具有占位符,全宽背景图像,顶部添加了一些占位符文本。您可以简单地用自己的内容替换默认的背景图像和文本。
单击左侧菜单中的“部分”选项卡。
然后,单击“英雄”以查看所有可以添加到页面的现成的英雄部分。
要继续并将此英雄部分添加到您的设计中,只需单击此部分。
如果要用自己的图像替换模板的库存,
请单击库存图像以选择它悬停背景图像预览,直到出现垃圾桶图标为止。然后,您可以继续并单击此图标以删除占位符图像。
接下来,单击使用自己的图像。WordPress媒体库中选择图像,也可以使用库存图像。
添加图像后,您就可以替换占位符文本。
单击以选择文本块。然后在文本区域,只需输入要使用的文本即可。
Seedprod的一些英雄模板具有额外的内容,例如召唤按钮。
如果要更改此内容,请单击以选择块,然后在Seedprod的左手菜单中进行更改。
另一个选择是从英雄模板中删除块。
为此,单击以选择块,然后单击垃圾图标。
如果您对页面设计满意,请单击“保存”按钮。
从这里,您可以选择发布页面或将其保存为模板。
呼吁所有网站管理员!
WP Media Folder节省时间并提高工作效率。 毫不费力地组织客户端媒体文件,创建自定义画廊,并提供无缝的用户体验。
立即升级您的网站项目!
结论
这是在WordPress中图像之上添加文本的三种方法中的所有方法。容易吧?选择最适合您的技能水平和设计偏好的方法。
WP Media Folder等,组织,优化和管理媒体文件,例如Pro 。现在是时候与杂乱的图书馆说再见了!
当您订阅博客时,当网站上有新的更新时,我们会向您发送一封电子邮件,这样您就不会错过它们。
评论