元素检查器

通过这篇文章,您将了解元素检查器(在设置任何PageFly页面元素时)

有关元素检查器Click to copy

在元素检查器操作台,您可对一个页面元素做设置。您可在您想设置的页面元素的右边栏找到检查器。
检查器由3部份组成:

  • “基本设置” 和 “样式设置” 下拉列表
  • 页面元素参数搜索
  • 查看说明按钮

“基本设置” 和 “样式设置” 下拉列表Click to copy

element inspector

  • 基本设置下拉列表包含所选页面元素的特定参数。
  • 样式设置下拉列表包含一般样式设置参数(所有页面元素共享的)。

可折叠参数面板Click to copy

在可折叠参数面板,您可以显示或隐藏各个功能. 使您的界面整洁帮助用户专注在目前编辑的板块。

element inspector 1

设备选择按钮Click to copy

通过设备选择按钮,您可以看到该页面元素在不同的设备上的展示效果,如笔记本电脑,平板和手机。下方例子是产品图片元素的展示。

更多设置按钮Click to copy

基于您所选的页面元素,很多在“基本设置”和“样式设置”下拉列表里的模块都有“更多设置”按钮。 您可以通过该按钮设置更多高级选项。下面的例子是“字体格式”参数下的“更多设置”按钮展示。

填充和边距参数重置Click to copy

您可通过点击参数重置的“填充”和“边距”按钮修改参数值以适用于所有设备。

比如,重新设置下面这张图片的边距和填充。图片原始设置是50像素带4角填充;左边预留了100像素边距。点击“参数重置”按钮,所有填充和边距参数都变成了 0像素。

元素参数搜索Click to copy

您可用参数名称搜索此参数并了解它是在“基本设置”还是“样式设置”下拉列表。

element inspector 3

例如,在键盘上输入“颜色”,搜索结果会在“样式设置”下拉列表显示“背景颜色”和“边框样式”,这些都是与颜色参数相关的。

因为当用户选择图片的边缘样式时,会有个“边框颜色”选项供用户选择,所有搜“颜色”时,搜索结果会显示“边框样式”。

查看说明Click to copy

当您在页面编辑器选择一个元素时,点击“查看说明”按钮,您会转到PageFly帮助中心,在这里有您选的元素的相关介绍说明。

你可以在下面的视频查看更多信息

Navigate this category

PreviousPrevious article

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese, French and Japanese. Please check the flags on the page header.

I got it!
Boost Father's Day Sales: Utilize PageFly's templates to create captivating pages that drive results - Discover Now