图像框小部件允许您添加一个图像框,该框将图像与标题和文本相结合,通常在功能部分中使用,作为使用图标框小部件的替代方法。https://www.youtube.com/embed/egzfRUw3W98?feature=oembed
内容 #
- 选择图片:从媒体库中选择图片,或上传新图片
- 图像大小:选择图像的大小,从缩略图到完整,或输入自定义大小
- 标题和描述:添加将出现在图像框中的标题和描述
- 链接到:输入项目链接的 URL。单击链接选项cog以将 rel=nofollow 添加到链接或在新窗口中打开链接。
- 图像位置:将图像的位置设置为左侧、顶部或右侧,相对于标题和描述(在移动视图上它将保持居中)。
- 标题 HTML 标签:设置标题的 HTML 标签为 H1…H6、div、span 或段落
风格 #
图片 #
- 间距:设置图像和标题之间的确切间距
- 宽度:将图像宽度从 0 缩放到 100%
- 悬停动画:将悬停动画添加到图像
- CSS 过滤器:通过更改正常和悬停状态下模糊、亮度、对比度、饱和度和色调设置的CSS 过滤器比例来调整图像样式
- Opacity:控制图像在 Normal 和 Hover 状态下的不透明度
- 过渡持续时间:设置每张幻灯片出现所需的时间。这个时间以毫秒为单位,所以 1000 ms 等于 1 秒
内容 #
- Alignment : 将内容左对齐、右对齐、居中对齐或两端对齐
- 垂直对齐:将内容与框的顶部、中间或底部对齐
标题 #
- Spacing:设置标题和描述之间的间距
- 颜色:设置标题的颜色
- 排版:设置标题的排版选项
描述 #
- 颜色:设置描述文本的颜色
- 排版:设置描述的排版选项
先进的 #
设置适用于此小部件的高级选项