页面布局元素

在本文中,您将了解如何使用PageFly的页面布局元素来创建有美感的页面。

关于页面布局元素Click to copy

页面布局元素旨在帮助您更好地构建页面结构以提高转化换率。使用此元素将使您对页面有一个整体的了解(即使是复杂的页面)。

页面布局元素包括模块/节,行和列,它们是PageFly元素层次结构的核心。您可用它们通过节/行/列容器创建初始结构再用其他元素填充。

layout element

预设的列布局有10种可选项,您也可以随时按自己的方式自定义布局。我们将继续添加更多变体,以帮助您节省时间。

布局的结构很简单。在本文的范围内,只需看一下下面的屏幕快照,这是了解页面结构的一种简单方法。

pagefly layout element

页面布局元素的配置Click to copy

模块/节,行和列都带有不同的设置参数,您可调整参数来微调内容外观以达到最佳转化率。

节的配置Click to copy

模块/节是每个页面的主要元素。一个模块/节包括一行或多行。通过“常规”选项可以控制节中的行数。

选择一个节以查看其参数。

“常规”和“样式”选项中的参数为此元素的特定参数。

常规选项参数
1. 内容
  • 行:移动,复制,删除行
  • 添加行:在中添加一,一个中的行数不受限制
  • 设置固定宽度:默认情况下启用此设置,它将部分中的内容包装为固定宽度。您可以在最大宽度设置中设置固定宽度。禁用后,此部分中的内容将扩展为整个部分的宽度
  • 最大宽度:默认情况下为1170像素,最小值为700像素,最大值为2000像素。
2. 属性  你可以在这里阅读更多。
3. 能见度  你可以在这里阅读更多。
4. 动画效果  你可以在这里阅读更多。
样式选项参数
1. 整体 您可以在此处了解所有这些参数。
2. 边距 您可以在此处了解所有这些参数。
3. 排版印刷 您可以在此处了解所有这些参数。
4. 背景 您可以在此处了解所有这些参数。
5. 边框 您可以在此处了解所有这些参数。
6. 显示 您可以在此处了解所有这些参数。
7. 自定义CSS 您可以在此处了解所有这些参数。

行的配置Click to copy

.一行包含一个或多个列。 您可以通过“常规”选项控制一行中的列数。

选择一行以查看其参数。

“常规”和“样式”选项中的参数为此元素的特定参数。

常规选项参数
1. 内容
  • 列:移动,复制,删除列
  • 添加列:向该添加一个,一行中的列数不受限制
  • 内容位置:在此中指定内容的位置
  • 启用等宽:使该内的所有均等宽
  • 启用等高:使该内的所有都具有相等的高度
2. 操作 您可以在此处阅读有关操作参数的更多信息
3. 属性  你可以在这里阅读更多。
4. 能见度  你可以在这里阅读更多。
5. 动画效果  你可以在这里阅读更多。
样式选项参数
1. 整体 您可以在此处了解所有这些参数。
2. 边距 您可以在此处了解所有这些参数。
3. 排版印刷 您可以在此处了解所有这些参数。
4. 背景 您可以在此处了解所有这些参数。
5. 边框 您可以在此处了解所有这些参数。
6. 显示 您可以在此处了解所有这些参数。
7. 自定义CSS 您可以在此处了解所有这些参数。

列配置Click to copy

将列添加到布局后,它将自动包含在一行中。 所有元素(除页面布局元素外)都将嵌套在列中。

选择一个列以查看其参数。

“常规”和“样式”选项中的参数为此元素的特定参数。

常规选项参数
1. 操作 您可以在此处阅读有关操作参数的更多信息
2. 属性  你可以在这里阅读更多。
3. 能见度  你可以在这里阅读更多。
4. 动画效果  你可以在这里阅读更多。
样式选项参数
1. 整体 您可以在此处了解所有这些参数。
2. 边距 您可以在此处了解所有这些参数。
3. 排版印刷 您可以在此处了解所有这些参数。
4. 背景 您可以在此处了解所有这些参数。
5. 边框 您可以在此处了解所有这些参数。
6. 显示 您可以在此处了解所有这些参数。
7. 自定义CSS 您可以在此处了解所有这些参数。

Navigate this category

PreviousPrevious article

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
Boost your holiday sales with PageFly's Thanksgiving Template 👉 Discover Now