使用WordPress媒体与文本区块

介绍

本课将探讨如何有效使用媒体与文本模块。该模块旨在将图片或视频与文本并排组合,非常适合创建引人入胜的内容板块,例如功能亮点、关于我、团队介绍甚至联系我们部分。

添加媒体与文本

让我们继续,通过输入 /media and text 来添加模块。首先,我会从媒体库添加一张图片,或者从电脑上传,并始终记得为图片添加替代文本。然后我们可以在右侧添加一些文字内容。我会选中第一段,使用模块工具栏将其转换为标题,并将大小改为超大。接着,我会在文本下方添加一个按钮模块或行动号召,并将样式改为轮廓。

自定义

然后我会打开列表视图,确保选中父级模块,并将模块的对齐方式改为宽幅。在模块工具栏中,你还可以选择将图片显示在右侧或左侧。当你在右侧打开样式时,可以更改模块的背景颜色,所以我会添加一个自定义颜色。我还会在模块内容周围添加一些内边距或间距,当我们返回设置时,会注意到其他几个选项。首先,你可以使用滑块调整媒体的宽度,向左或向右滑动,在其下方,你会注意到“在移动设备上堆叠”默认被选中,这当然意味着在较小设备上查看时,内容会上下堆叠。另一个值得一提的选项是“裁剪图片以填满”,这适用于当图片未完全填满其列的宽度和高度时。你可以开启此选项,自动裁剪图片以填满整个列,然后使用焦点选择器选择裁剪后希望居中的图片区域。

使用模式

让我们看另一个例子,但这次,我们将点击左上角的插入器,输入“媒体与文本”,然后选择主题自带的现成媒体与文本模式之一。你可以以此为基础进行工作,或作为灵感。当你选中媒体与文本模块时,还会注意到你可以更改文本的垂直对齐方式,使其与顶部、底部或中间对齐。此外,当你打开样式并滚动到底部时,会注意到你还可以为模块添加边框或圆角。最后,让我们快速自定义你的媒体与文本模块模式,通过更改背景颜色,并在模块工具栏中选择“替换”,从媒体库选择一张图片或从电脑上传来替换图片。这样,只需几次点击,我就自定义了模式。

结论

媒体与文本模块使我们能够创建平衡的布局,并确保在不同设备上获得一致的浏览体验。