在本文中,您将了解如何使用PageFly的页面布局元素来创建有美感的页面。
关于页面布局元素
页面布局元素旨在帮助您更好地构建页面结构以提高转化换率。使用此元素将使您对页面有一个整体的了解(即使是复杂的页面)。
页面布局元素包括模块/节,行和列,它们是PageFly元素层次结构的核心。您可用它们通过节/行/列容器创建初始结构再用其他元素填充。
预设的列布局有10种可选项,您也可以随时按自己的方式自定义布局。我们将继续添加更多变体,以帮助您节省时间。
布局的结构很简单。在本文的范围内,只需看一下下面的屏幕快照,这是了解页面结构的一种简单方法。
页面布局元素的配置
模块/节,行和列都带有不同的设置参数,您可调整参数来微调内容外观以达到最佳转化率。
节的配置
模块/节是每个页面的主要元素。一个模块/节包括一行或多行。通过“常规”选项可以控制节中的行数。
选择一个节以查看其参数。
“常规”和“样式”选项中的参数为此元素的特定参数。
常规选项参数 | |
1. 内容 |
|
2. 属性 | 你可以在这里阅读更多。 |
3. 能见度 | 你可以在这里阅读更多。 |
4. 动画效果 | 你可以在这里阅读更多。 |
样式选项参数 | |
1. 整体 | 您可以在此处了解所有这些参数。 |
2. 边距 | 您可以在此处了解所有这些参数。 |
3. 排版印刷 | 您可以在此处了解所有这些参数。 |
4. 背景 | 您可以在此处了解所有这些参数。 |
5. 边框 | 您可以在此处了解所有这些参数。 |
6. 显示 | 您可以在此处了解所有这些参数。 |
7. 自定义CSS | 您可以在此处了解所有这些参数。 |
行的配置
.一行包含一个或多个列。 您可以通过“常规”选项控制一行中的列数。
选择一行以查看其参数。
“常规”和“样式”选项中的参数为此元素的特定参数。
常规选项参数 | |
1. 内容 |
|
2. 操作 | 您可以在此处阅读有关操作参数的更多信息 |
3. 属性 | 你可以在这里阅读更多。 |
4. 能见度 | 你可以在这里阅读更多。 |
5. 动画效果 | 你可以在这里阅读更多。 |
样式选项参数 | |
1. 整体 | 您可以在此处了解所有这些参数。 |
2. 边距 | 您可以在此处了解所有这些参数。 |
3. 排版印刷 | 您可以在此处了解所有这些参数。 |
4. 背景 | 您可以在此处了解所有这些参数。 |
5. 边框 | 您可以在此处了解所有这些参数。 |
6. 显示 | 您可以在此处了解所有这些参数。 |
7. 自定义CSS | 您可以在此处了解所有这些参数。 |
列配置
将列添加到布局后,它将自动包含在一行中。 所有元素(除页面布局元素外)都将嵌套在列中。
选择一个列以查看其参数。
“常规”和“样式”选项中的参数为此元素的特定参数。
常规选项参数 | |
1. 操作 | 您可以在此处阅读有关操作参数的更多信息 |
2. 属性 | 你可以在这里阅读更多。 |
3. 能见度 | 你可以在这里阅读更多。 |
4. 动画效果 | 你可以在这里阅读更多。 |
样式选项参数 | |
1. 整体 | 您可以在此处了解所有这些参数。 |
2. 边距 | 您可以在此处了解所有这些参数。 |
3. 排版印刷 | 您可以在此处了解所有这些参数。 |
4. 背景 | 您可以在此处了解所有这些参数。 |
5. 边框 | 您可以在此处了解所有这些参数。 |
6. 显示 | 您可以在此处了解所有这些参数。 |
7. 自定义CSS | 您可以在此处了解所有这些参数。 |