Elementor插件教程:如何在背景图片上添加文字

166次阅读

共计 543 个字符,预计需要花费 2 分钟才能阅读完成。

Elementor 是一款流行的免费页面编辑插件,它改变了 WordPress 建站的方式,让我们可以无需自己编写代码便能快速构建网页。Elementor 带有可视化界面,操作简单,只需鼠标点击几下,即可布局我们想要的网站显示效果。本教程将介绍下如何 在 Elementor 中的图像上添加文本。

Elementor 插件教程:如何在背景图片上添加文字

1、Elementor 安装好之后我们就会在文章或者页面看到一个“使用 Elementor 编辑”的按钮,点击它就会进入到 Elementor 可视化编辑器。然后拖放一个 Heading Widget 标题小部件添加到一列或一个分区并编辑文本。

2、从专栏里“样式”选项卡使用图像选项。从媒体库中选择一个图像或上传新图像。

3、将背景尺寸设置为 Contain,或者 Cover(使用此选项时,图像会发生一些裁剪)

4、在 Advanced 高级选项卡,取消填充属性的链接,并应用顶部和底部填充(例如 40%)。这将使图像保持其形状,以适应平板电脑和移动设备的响应。

5、添加边距以增加背景图片和容器之间的间隙,我们便可在背景图片中填写我们想要的文字。

Elementor 页面编辑器功能非常强大,支持中文,能与诸多 WordPress 主题和其他插件(例如WooCommerce)兼容,适合用来设计外贸网站、B2B 网站、展示型网站、企业网站等。

正文完
 0