主视觉是一个大横幅，在您的文字和按钮后面放置图片或视频。它位于首页，通常是顾客看到的第一样东西。
添加主视觉
- 打开建站工具，在页面标签中选择首页。
- 在版块标签中，点击添加新版块，在内容分组中选择主视觉。
- 选择媒体，写好文字，然后点击发布。
主视觉只在首页提供，每页可以添加一个。要移动、复制或隐藏它，请参阅版块和区块
媒体和高度
- 模式：单个显示一张图片或一个视频。分割显示两个，分别在媒体 1和媒体 2中设置。当内容方向为垂直时，它们并排显示；为水平时，上下排列。在手机上两者始终上下堆叠。
- 媒体 1和媒体 2：来自媒体库的图片或视频。视频会静音循环播放，作为动态背景。
- 高度：小号、中等、大号、全屏（铺满屏幕）、图片（跟随第一张图片的形状，不会被裁剪）或自定义。选择自定义时，自定义高度按屏幕高度的比例设置高度。新的主视觉默认使用图片高度。
上方的文字和按钮
选择主视觉并点击添加新区块，即可在媒体上方添加内容：最多 2 个文本、2 个按钮、2 个组和 2 条分隔线区块。它们各自的设置请参阅组、文本、按钮和分隔线区块：布局组件设置如何运作？
在布局下，您可以摆放这些内容：
- 方向：垂直把区块堆叠起来，水平把它们并排放置。选择水平时，移动端垂直堆叠会让它们在手机上堆叠。
- 位置和对齐：把内容上下、左右移动，例如放在左下角或正中间。间隔会把区块分散开。
- 内容宽度：页面让内容保持在页面宽度内，全宽让它延伸到屏幕边缘。媒体始终铺满整个宽度。
间距（在间距分组下）设置区块之间的空白，内边距设置区块周围的空白。
颜色和叠加
- 配色方案：主视觉的文字和按钮颜色。请参阅配色方案。
- 媒体叠加：在媒体上方添加一个颜色层，让文字更易阅读。然后设置叠加颜色和叠加样式：实心均匀覆盖媒体，渐变让颜色逐渐变淡。渐变方向（向上或向下）决定变淡的方向。
自定义 CSS标签可让您只为这个主视觉添加自己的 CSS。
常见操作
- 页头覆盖在主视觉上：在页头设置中开启透明页头。只有当主视觉紧贴在页头下方时才会生效。请参阅页头设置。
- 标题和按钮居中：方向选垂直，然后把位置和对齐都设为居中。
- 在明亮照片上显示白色文字：开启媒体叠加，使用深色叠加颜色和渐变样式。
小贴士
- 如果主视觉视频不动，请检查自动化设置标签中的自动播放视频。关闭时，背景视频会保持静止。请参阅自动化设置。
- 如果无法得知第一张图片的尺寸，图片高度会改用中等。
- 需要在其他页面放横幅？主视觉只能用于首页，但图片版块可以用于任何页面。请参阅文本、图片和分隔线版块。