使用指南/创建内容/媒体/设置横幅的样式

设置横幅的样式

封面区块提供了多种横幅样式设置选项。在本指南中,您将了解如何添加叠加层、调整宽高比、应用边框和阴影,以及微调横幅样式图像和视频的焦点。

视频教程

添加或调整叠加层

叠加层会在横幅图像或视频上方添加一层半透明颜色,从而提高文字和其他内容的可读性。要添加或调整叠加层设置,请按以下步骤操作:

  1. 点击封面区块将其选中。
  2. 区块设置侧边栏中,点击样式图标。该图标看起来像一个黑白圆圈。
  3. 在“颜色”部分,点击叠加层颜色以更改叠加层颜色
  4. 调整叠加层不透明度滑块,以控制叠加层颜色的透明度。不透明度为 0 表示图像完全可见。不透明度为 100 表示叠加层会完全遮住图像。根据您的设计需求,叠加层不透明度设置在 25 到 75 之间通常效果较好。
The color and overlay opacity sections of the block settings sidebar for the Cover block.

调整宽高比

您可以通过调整宽高比来控制横幅的形状。要调整封面区块的宽高比,请按以下步骤操作:

  1. 点击封面区块将其选中。
  2. 区块设置侧边栏中,点击样式图标。该图标看起来像一个黑白圆圈。
  3. 找到宽高比设置。
  4. 从下拉菜单中选择一个预设宽高比
The "Aspect Ratio" drop-down menu expanded to display the options.

添加边框和阴影

要为您的封面区块添加边框或阴影,请按以下步骤操作:

  1. 点击封面区块将其选中。
  2. 区块设置侧边栏中,点击样式图标。该图标看起来像一个黑白圆圈。
  3. 找到边框和阴影部分。
  4. 使用可用控件调整边框的宽度、颜色和圆角半径。
  5. 您还可以点击 ⋮ 图标并启用阴影设置,以添加投影效果。

详细了解边框和阴影设置

启用固定背景

固定背景(视差效果)会在访客滚动页面时让横幅图像保持不动。以下是一个示例:

按以下步骤创建固定背景图像:

  1. 添加一个封面区块
  2. 区块设置侧边栏中,点击样式图标。该图标看起来像一个黑白圆圈。
  3. 开启“固定背景”。

如果您在封面区块中上传了视频,则不会显示此选项。

启用重复背景

重复背景 选项可在 封面区块中重复同一张图像,形成图案。要在封面区块中重复背景,请按以下步骤操作:

  1. 点击封面区块将其选中。
  2. 区块设置侧边栏中,点击样式图标。样式图标看起来像一个黑白圆圈。
  3. 开启“重复背景”。

如果您已在封面区块中上传视频,则不会显示此选项。

设置焦点

焦点决定了横幅调整大小时,图像或视频的哪个部分会保持可见。当您的封面图片在手机等小屏幕上查看、无法完整显示时,此功能会很有用。在较小的屏幕上,图像会围绕您选择的焦点居中显示,以确保图像中最重要的部分可见。

要调整焦点,请按以下步骤操作:

  1. 点击封面区块将其选中。
  2. 区块设置侧边栏中,点击样式图标。样式图标看起来像一个黑白圆圈。
  3. 找到焦点选择器
  4. 拖动标记以调整焦点区域。

如果您上传了视频作为封面媒体,还可以设置海报图像作为视频缩略图。

应用波浪样式

要将波浪样式应用到封面区块的顶部或底部,请按以下步骤操作:

  1. 点击封面区块将其选中。
  2. 区块设置侧边栏中,点击样式图标。样式图标看起来像一个黑白圆圈。
  3. 点击“底部波浪”或“顶部波浪”选项,以应用波浪样式。
  4. 点击默认可移除波浪样式。
Copied to clipboard!