我们自己的页面构建器 Avada Builder 现在有两个界面:Avada Builder(我们的后端线框页面构建器)和 Avada Live(我们的前端构建器,最近才随 Avada 6.0 一起推出) 。
使用我们简单的容器、列和元素系统,两个版本的 Avada Builder 都允许您轻松地为您的网站设计漂亮的页面布局。 Avada Builder 对于现代网页设计师和网站所有者来说是一个很棒的工具,因为它使他们能够完全控制页面内容和布局的各个方面。 Avada Builder 的两个版本也生成相同的代码。 它们完全可以互换,让您可以利用当前可用的 Avada Builder 获得两全其美的效果。
除了默认创建的全局布局之外,您还可以在“布局生成器”页面中找到所有布局以及您可能希望构建的任何条件布局。 此处还可以将布局部分分配给布局并指定条件布局生效的条件。
可以通过从 Avada 仪表板的下拉菜单中选择布局 > 布局生成器来访问布局生成器。 描述布局最直接的方法之一就是说它们是容纳页面的四个布局部分的容器——页眉部分、页面标题栏部分、内容部分和页脚部分。 您可以通过阅读本文档了解有关布局部分和布局之间差异的更多信息:了解布局和布局部分 (PDF)。 继续阅读以了解有关您可以在此页面上执行的操作的更多信息。
两个部分位于布局生成器页面的最顶部。 第一部分概述了填充全局布局中的布局部分或生成条件布局的技术(提示:您可以使用 X 关闭它),屏幕右侧是一个区域,您可以在其中直接创建新布局(见下文)。 输入新布局的名称,然后单击“创建新布局”以完成该过程。 使用该方法时会创建一个空白Layout; 未指定布局部分或条件。
当您构建布局时,它们会自动导入到“布局构建器”页面中。 您可以通过单击页面顶部的“重命名”按钮来重命名布局。 您还可以单击齿轮图标来为布局建立条件,并且可以通过单击页面顶部的 Bin 图标来删除布局。 您还可以通过单击除全局布局之外的所有布局的底部来查看和分配条件。
在每个布局中,您可以看到分配给特定布局的四个布局部分,四个布局中的每一个都有一个。 在每个布局部分中,您都会看到一个 + 图标,当您将鼠标移到布局部分上时,您可以将布局部分分配给该部分。 您可以选择将现有布局部分分配给此部分或从头开始创建一个全新的部分。
使用部分布局
作为 Avada Layouts 的一部分,您现在可以利用 Avada Builder 的全部创意能力为您的网站创建完全可定制的页脚。
页脚布局是添加到布局的布局部分。 amp,自定义页脚需要页脚布局部分,可以将其添加到全局布局或自定义布局中。 我们将在下一节中介绍如何构建自定义页脚布局部分,但首先让我们了解一下 Avada 布局简介。
在 WordPress 侧边栏或 Avada 仪表板中,选择 Avada > 布局。 Avada 的布局和布局部分在此处创建和管理。 如下所示,全局布局最初是空的,没有关联的布局部分。
自定义布局
此部分可以添加到全局布局或条件布局,仅显示在某些自定义帖子类型或单个页面上。 全局布局已经存在,但我们需要首先开发条件布局。
在“布局”页面上,添加名称并单击“创建新布局”,如下所示。
如果您希望将页脚布局部分添加到现有布局或全局布局,请创建页脚布局部分。
在布局部分生成器屏幕上,选择布局部分的类型,输入名称(在本amp中为页脚,可能是全局页脚),然后单击创建新布局部分,如下所示。
下图显示了如何直接从布局生成布局部分。 您网站的布局部分必须添加到布局中。 最初,只有一个全局布局。 因此,要创建全局自定义页脚,请将其添加到此布局中。 自定义页脚布局部分,然后向自定义页脚布局部分添加条件,使布局根据条件显示。
这并没有什么错,但考虑情况至关重要。 如果布局当前处于活动状态(即有条件或者是全局布局),则任何新的布局部分将立即处于活动状态并为空。 首先通过布局部分生成器页面将自定义页脚添加到全局布局,然后将其添加到全局布局更有意义。
或者,我们可以将页脚、标题或列布局部分添加到条件布局中,然后创建它。 在添加条件之前不会使用条件。 如下图所示,我们可以通过将鼠标悬停在页脚布局部分上并单击编辑图标来更改页脚布局部分。
自定义布局编辑
编辑新的布局部分时会出现默认的 WordPress 编辑器; 您可以从此处使用 Avada Builder 或 Avada Live。 自定义布局部分在此处创建。 有关其他信息,请参阅创建布局部分内容,但简而言之,您可以在此处构建任何内容。
您的自定义页脚可以包含您可以在 Avada Builder 中构建的任何内容。 你可以有无数的专栏、照片等; 这提供了巨大的灵活性。 布局部分是页脚材料将出现的位置。 材料来自Builder,你的创造力是唯一的限制。
请参阅下面为出租车演示构建的原始页脚; 这是通过更改主题选项和页脚小部件来实现的。