编辑器一览

Payly 编辑器导览:顶部栏、“区块”面板、画布和设置面板,以及保存、撤销和键盘快捷键的用法。

编辑器是您搭建店铺页面的地方。您看到的每个页面都和访客看到的一样,您通过选中元素、拖动它们并填写设置来修改页面。在您发布之前,您在这里做的任何操作访客都看不到。

打开编辑器

  1. 打开您的站点控制台。
  2. 点击左侧菜单顶部的编辑站点。

全新的站点会在您选好设计后自动在编辑器中打开。请参阅创建您的第一个站点。

四个区域

编辑器顶部是一条横栏,下方分为三列:左侧是“区块”面板,中间是您的页面(画布),右侧是设置面板。

编辑器界面,包含顶部栏、左侧的“区块”面板、中间的首页,以及右侧的页面设置

顶部栏

顶部栏从左到右包含这些控件:

顶部栏的左半部分:Payly 标志、“控制台”按钮、保存状态、站点名称和页面选择器
  • 控制台带您回到站点控制台。
  • 保存状态告诉您工作进行到了哪一步。已保存,未发布表示您的更改已保存在草稿中,但线上店铺还没有显示它们。已保存并发布表示线上店铺与您看到的内容一致。每次更改后,您还会短暂看到保存中…,如果保存失败则会显示未保存。
  • 站点名称框显示您店铺的名称。点击它即可重命名站点。
  • 页面选择器(显示您当前所在页面的名称,例如首页)会列出您的页面。选择其中一个即可编辑。列表底部的管理页面会打开页面管理器。请参阅添加和管理页面。
顶部栏的右半部分:“桌面”“平板”和“手机”按钮,“备份”“撤销”“重做”和“查看线上站点”图标,以及“预览”和“发布”按钮
  • 桌面、平板和手机用来切换您正在设计的屏幕尺寸。请参阅让站点在手机和平板上显示效果良好。
  • 时钟图标(备份)会打开您保存的备份。请参阅撤销更改并恢复到早期版本。
  • 两个箭头分别是撤销和重做。
  • 箭头从方框中伸出的图标(查看线上站点)会在新标签页中打开您的线上店铺。发布之后才会出现。
  • 预览会在新标签页中展示整个站点,链接都能正常使用。请参阅发布前预览您的站点。
  • 发布会把您的更改发布到线上店铺。请参阅发布您的第一个站点。
  • 最右边的账户菜单包含 Payly 本身的主题和语言(它们不会改变您的店铺),以及设置、Payly 官网和退出登录。

“区块”面板

左侧一列的开头是区块,也就是可以添加到页面的各种组成部件,分为这些组:基础、媒体、布局、店铺、营销和菜单与表单。您可以把区块拖到页面上,也可以点击它,把它添加到当前板块的末尾。请参阅添加、移动和调整区块大小。

在同一列中向下滚动,可以看到结构,它列出页眉、当前页面的各个板块和页脚,并带有添加板块按钮。请参阅使用板块。

画布

屏幕中间就是您的页面。它由绘制线上店铺的同一套代码绘制,所以您看到的就是访客会看到的。点击任意区块或板块即可选中。选中的区块会出现蓝色轮廓、调整手柄,以及带有复制、旋转和删除按钮的小工具栏。在画布上点击链接不会打开它们。

设置面板

右侧一列有两个标签页:

  • 选中项显示您所选内容的设置。没有选中任何内容时,它显示页面本身的设置:浏览器标题、搜索描述以及这是商店页面开关。选中一个区块后,它会显示该区块的设置,并按通用、文字排版、尺寸与位置和管理等标题分组。点击标题即可展开。要回到页面设置,请点击面板顶部的页面设置,按 Esc,或点击页面旁边的灰色区域。
  • 站点设计包含适用于所有页面的颜色、字体和布局设置。请参阅设置颜色、字体和布局。
编辑器中选中了主标题,页面上显示它的工具栏,右侧展开了它的“通用”设置

保存是怎么工作的

编辑器会自动为您保存。您停止修改后片刻,它就会保存您的草稿,顶部栏中的状态会回到已保存,未发布。这里没有“保存”按钮。

已保存的更改并不等于已上线。在您点击发布之前,访客看到的一直是您上次发布的版本。

撤销和重做

点击撤销可以取消您的上一次更改,点击重做可以把它恢复回来。它们会记住您打开编辑器之后所做的更改。如果您关闭或刷新编辑器,这段历史会从已保存的版本重新开始。

键盘快捷键

在 Mac 上,请用 Cmd 代替 Ctrl。

按键作用
Ctrl + Z撤销上一次更改
Ctrl + Shift + Z重做
Ctrl + D复制选中的区块
Delete 或 Backspace删除选中的区块
Esc取消选中
方向键把选中的区块微调 1 像素(按住 Shift 则为 10 像素)
Ctrl + 方向键把选中的区块移动一个网格单元
Ctrl + Shift + 方向键让选中的区块加宽、变窄、加高或变矮一个单元

相关文章

Last updated 2026-10-03