添加元素

什么是元素

“元素”是Pro / X / Cornerstone生态系统中所有构建器的构建块。元素可以具有一般用途，例如文本元素,或者更具体和多维度的，如手风琴或导航元素。

添加第一个元素

要添加第一个元素，请定位添加元素工具栏中的按钮:

点击该按钮将显示一个包含Element库的弹出窗口:

你可以滚动列表，手动寻找你想要的元素，折叠整个组(例如。“标准”，“动态”等等)来帮助过滤你的结果，或者在弹出窗口的顶部输入搜索输入来显示你正在寻找的元素。这种模糊搜索将有助于根据Element类型以及您所赋予的名称将最相关的结果带到顶部。例如，如果你搜索“row”，你可能会看到如下内容:

在本例中，是主节点行元素已经展示给我们了，但我们也看到了其他的结果，比如我们的一些帖子的元素以及我们在整个构建过程中保存的一些预设- - - - - -所有这些都是用行元素作为基础构建的，这就是为什么它们会出现在我们的结果中。

一旦你找到了你想要添加到你的网站的元素，点击并拖动它到现场预览的任何地方，你看到下面的dropzone样式:

由虚线包围的元素图标表示空dropzone,它还没有得到它的第一元素。一旦添加了一个Element，这种状态就会消失，但是当您拖动一个新Element时，虚线将会返回，引导您到您可以使用的适当区域。

添加元素的替代方法

元素可以以更上下文的方式添加的另一种方法是使用+在Outline窗格中表示每个元素的可排序项上找到的图标:

点击这个图标会根据你点击的元素而有所不同:

• 部分:单击将添加一个新的行到你的部分结束。
• 行/格:单击将添加一个新的列/细胞到您各自元素的末尾。
• 列/单元格/分区:点击将打开元素库供你选择。您的元素可以简单地在这里选择，它将被添加到您各自的元素的末尾。

或者，如果单击+按钮。部分握着你的CMD/Ctrl键，一个弹出窗口将出现，让你选择任何可用的主布局元素，如行，网格或Div。这是一个非常有用的和快速的方式来访问其他的布局元素，而不是你的主布局元素指定在首选项。