图像框小部件

图像框小部件允许您添加一个图像框,该框将图像与标题和文本相结合,通常在功能部分中使用,作为使用图标框小部件的替代方法。https://www.youtube.com/embed/egzfRUw3W98?feature=oembed


内容 #

  1. 选择图片:从媒体库中选择图片,或上传新图片
  2. 图像大小:选择图像的大小,从缩略图到完整,或输入自定义大小
  3. 标题和描述:添加将出现在图像框中的标题和描述
  4. 链接到:输入项目链接的 URL。单击链接选项cog链接选项以将 rel=nofollow 添加到链接或在新窗口中打开链接。
  5. 图像位置:将图像的位置设置为左侧、顶部或右侧,相对于标题和描述(在移动视图上它将保持居中)。
  6. 标题 HTML 标签:设置标题的 HTML 标签为 H1…H6、div、span 或段落

风格 #

图片 #

  1. 间距:设置图像和标题之间的确切间距
  2. 宽度:将图像宽度从 0 缩放到 100%
  3. 悬停动画:将悬停动画添加到图像
  4. CSS 过滤器:通过更改正常和悬停状态下模糊、亮度、对比度、饱和度和色调设置的CSS 过滤器比例来调整图像样式
  5. Opacity:控制图像在 Normal 和 Hover 状态下的不透明度
  6. 过渡持续时间:设置每张幻灯片出现所需的时间。这个时间以毫秒为单位,所以 1000 ms 等于 1 秒

内容 #

  1. Alignment : 将内容左对齐、右对齐、居中对齐或两端对齐
  2. 垂直对齐:将内容与框的顶部、中间或底部对齐

标题 #

  1. Spacing:设置标题和描述之间的间距
  2. 颜色:设置标题的颜色
  3. 排版:设置标题的排版选项

描述 #

  1. 颜色:设置描述文本的颜色
  2. 排版:设置描述的排版选项

先进的 #

设置适用于此小部件的高级选项

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top