使用指南/创建内容/媒体/自定义横幅布局

自定义横幅布局

封面区块是一个容器区块,用于放置横幅内容。您可以通过更改对齐方式、内容位置和其他设置来调整布局。本指南将向您介绍如何自定义横幅布局。

视频教程

在本视频中,您将学习如何使用封面区块创建横幅样式的版块。内容包括在图片或视频背景上添加文本或其他区块、调整布局和焦点、自定义叠加层,以及在移动设备上预览设计效果。

调整横幅对齐方式

您可以在页面、文章或模板中设置横幅的对齐方式。要调整横幅对齐方式,请按以下步骤操作:

  1. 点击封面区块将其选中。
  2. 在出现的区块工具栏中,点击对齐按钮。
The "Align" icon highlighted in the Cover block toolbar.
  1. 选择以下选项之一:

更改内容位置

您可以调整横幅内文本、按钮和其他内容的位置。要调整内容在横幅中的位置,请按以下步骤操作:

  1. 点击封面区块将其选中。
  2. 在出现的区块工具栏中,点击“更改内容位置”按钮。
The "Change content position" icon highlighted in the Cover block toolbar.
  1. 选择一个预设选项,将内容移动到横幅的顶部、中间或底部。

将图片设为全高

如果您希望图片始终显示为全高,可以在区块工具栏中启用“切换全高”选项。

  1. 点击封面区块将其选中。
  2. 在出现的区块工具栏中,点击“全高”按钮(该图标看起来像一个只显示四个角的方框):
The "full height" icon highlighted in the Cover block toolbar.

您可以再次点击该按钮,取消全高设置。

更改内容宽度

您可以按照以下步骤,更改 封面区块 内内容的排列方式:

  1. 点击 封面区块
  2. 区块设置侧边栏中,切换「内部区块使用内容宽度」选项,以调整 封面区块 内内容的显示方式。
  3. 当「内部区块使用内容宽度」开启时,封面区块内的区块将遵循以下宽度设置:
    • 内容: 适用于未设置为宽幅或全宽的区块的内容区域宽度。
    • 宽幅: 适用于设置为宽幅的区块的内容宽度。

详细了解如何 更改区块宽度

调整内边距和外边距

您可以按照以下步骤,为 封面区块 添加内边距和外边距:

  1. 点击 封面区块
  2. 区块设置侧边栏中,点击样式图标。它看起来像一个黑白圆圈。
  3. 找到尺寸部分。
  4. 调整内边距、外边距区块间距
The dimensions settings section of the sidebar with padding and block spacing options.

设置最小高度

为确保横幅尺寸一致,请按照以下步骤设置最小高度:

  1. 点击 封面区块
  2. 区块设置侧边栏中,点击样式图标。它看起来像一个黑白圆圈。
  3. 找到「最小高度」设置。
  4. 输入具体高度值,并选择单位,以确保横幅保持一致的尺寸。
Copied to clipboard!