📜  如何在 avada 中并排放置列 (1)

📅  最后修改于: 2023-12-03 14:52:13.885000             🧑  作者: Mango

如何在 Avada 中并排放置列

Avada是一个流行的WordPress主题,许多网站使用它来创建具有吸引力和功能的网站。在Avada中,您可以使用列来创建自定义布局。本文将介绍如何在Avada中并排放置列。

步骤1:创建新页面或编辑现有页面

首先,您需要创建一个新页面或编辑一个现有页面。

  1. 在WordPress仪表板中,选择“页面”。
  2. 创建新页面或编辑现有页面。
步骤2:添加列

然后,您需要在页面上添加列。

  1. 在页面编辑器中,单击“添加元素”按钮。
  2. 选择“列”元素。
  3. 选择要添加的列类型(二分之一、三分之一、四分之一等)。
步骤3:并排排列列

现在,您可以将列并排排列。

  1. 在页面编辑器中,将鼠标悬停在列元素上。
  2. 单击显示的“编辑”按钮。
  3. 在列编辑器中,单击“布局”选项卡。
  4. 选择要调整的列的位置(左、中、右)。
  5. 点击“保存”按钮。

您可以在同一页面上添加多个列,并在页面编辑器中进行重新排列。

步骤4:保存并预览页面

最后,保存并预览页面以查看您创建的并排列。

  1. 点击“更新”按钮以保存页面。
  2. 单击“预览更改”按钮以预览页面。

以下是一个在Avada中并排放置列的示例代码片段:

<div class="fusion-row">
	<div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_2  fusion-one-half fusion-column-last   ">
		<!-- 第一列内容 -->
	</div>
	<div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_2  fusion-one-half fusion-column-first   ">
		<!-- 第二列内容 -->
	</div>
</div>

这将创建一个具有两列并排排列的行。第一列位于右侧,第二列位于右侧。

希望这篇文章能帮助您在Avada中创建漂亮且易于使用的排版布局!