元素检查器

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

有关元素检查器

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

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

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

element inspector

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

可折叠参数面板

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

element inspector 1

设备选择按钮

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

更多设置按钮

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

填充和边距参数重置

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

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

元素参数搜索

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

element inspector 3

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

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

查看说明

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

Navigate this category

PreviousPrevious article

Could not find the answer to your question?

No worries, contact Our LiveChat Support 24/7

Contact PageFly LiveChat
PageFly Languagues

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

I got it!