Intro section

创建引导部分

网站上最基本的部分之一是引导/开场部分。这通常是一个带有标语的欢迎标题。这也是通过添加按钮来引导他们获取更多信息或进行购买的好地方。在本教程中，我们将教您如何使用容器来创建这一部分。

开始 首先，在您的网站上创建一个新页面，并开始使用 Elementor 编辑。

添加容器

• 点击 + 图标在页面上添加一个容器
• 选择单一容器布局
• 从容器宽度下拉菜单中选择全宽
• 设置容器的最小高度为所需值（例如 60VH）
• 在样式标签中为您的容器设置颜色或背景图像。您可以选择一个全局颜色以节省时间，正如我们在示例中所演示的

添加欢迎标题

• 从面板中拖放一个标题小工具到您的容器中。
• 在HTML标签中，您可以将其设置为默认的 H2
• 在对齐中，通过点击图标选择居中选项
• 在样式标签中，您可以手动样式化标题，或选择如示例所示的全局样式
• 在高级标签中，给标题设置一个100%的值，使其能够使用容器的全部宽度。您将在后续步骤中使用此设置

添加标语信息 您现在将在您的欢迎消息中添加一个副标题。这可以是一个使命宣言或品牌标语。

• 从面板中将另一个标题小工具拖到容器中
• 在HTML标签中选择 H3 选项
• 通过点击图标选择居中对齐
• 您可以从样式标签中样式化标题，或使用您预设的全局样式，如这里所示
• 在高级标签中，再次将宽度值设置为100%

添加按钮 您现在将向容器中添加按钮。如果需要，您可以添加额外的按钮，或根本不添加。在本教程中，您将使用两个。

• 从面板中拖放一个按钮小工具到容器中
• 在下拉选择器中将大小选项设置为大
• 您现在可以链接您的按钮，但在示例中将留空
• 通过右键点击并选择选项复制按钮

设置容器弹性属性 在这一步中，您将最终使用容器中的弹性属性。小工具都已放置到位，但现在需要在容器内正确定位。

• 将容器的方向改为行。这将强制所有项目水平聚集在一起。不用担心，我们接下来会纠正这一点。
• 设置包裹属性为包裹。这将允许较大的标题小工具使用它们的100%全宽（*这就是为什么之前设置了标题宽度）
• 将内容对齐属性设置为居中。这将在容器中水平平等地对齐项目。按钮将正确地对齐在标题下
• 从位于包裹下方的对齐项目下拉菜单中选择居中选项（启用包裹后此属性才会显示）
• 您现在可以将项目间隙增加到所需的值（例如：34PX）

检查响应模式 您现在可以检查响应视图并进行必要的小调整。如果您使用了全局设置为您的字体和按钮，您可能只需要调整容器的高度和间隙。

发挥创意

现在您已经学会了基本结构，让您的想象力尽情发挥。通过以各种组合改变弹性属性，您可以创造无限的可能性。通过简单地添加一个背景图像并将内容定位到右下方，这个简单的布局采用了一种更加精致的外观。