在手机或平板电脑上编辑页面.

学习 DXPR Builder搭建页面编辑页面

您可以在手机或平板电脑上修正错别字或更改按钮: 构建器可在移动浏览器中运行,并使其对话框适应触摸屏。 本页演示一次快速编辑及不同之处。对于新布局和模板,桌面屏幕更方便。

该视频在手机宽度下更正了一个日期并保存。

开始之前

  • 您已登录,且拥有 Edit with DXPR Builder 权限。
  • 页面显示 DXPR 工具栏。如果其眼睛图标显示红色删除线, 则页面处于 Preview 中:请点按该图标并选择 Edit。

修正文本

  1. 在手机或平板电脑上打开页面。
  2. 点按要更改的文本。
  3. 输入您的更正。
  4. 点按文本之外,然后点按 DXPR 工具栏上的 Save。

更改元素的设置

  1. 点按元素以显示其控制栏。
  2. 点按 More,即控制栏上的三个点。
  3. 选择 Settings。
  4. 更改设置,然后点按对话框底部的 Save。
  5. 点按 DXPR 工具栏上的 Save。

您会看到的内容

宽度不超过 1024 像素的手机、平板电脑和触摸屏会使用构建器的触摸布局。

  • 元素选择器。它占满屏幕宽度。其选项卡变为底部的列表, 旁边是搜索框和 Close 按钮。
  • 设置对话框。它们在变暗的页面上打开并保持原位。 没有关闭图标,也没有全屏按钮:请使用底部的 Cancel 或 Save。
  • 文本工具栏。放不下的工具位于其 Show more items 按钮之后。
  • 菜单。键盘快捷键提示已隐藏。

手机宽 390 像素屏幕上的元素选择器:两列内容图块,其后是搜索框、设为 Content 的选项卡列表,以及底部的 Close 按钮

任务与设备的对应关系

任务 设备
修正文本或更换图像 手机或平板电脑
更改元素设置 平板电脑或桌面
构建或重新排列布局 桌面
创建模板 桌面

如果您没有看到编辑器控件

  • 点按没有任何反应。页面处于 Preview 中。请点按 DXPR 工具栏上的眼睛图标,选择 Edit。
  • 设置对话框没有关闭按钮。在触摸屏上,它用底部的按钮关闭。 请在对话框中向下滚动,点按 Cancel 或 Save。
  • 布局与桌面上看起来不同。在窄屏幕上列会堆叠, 手机上的访问者看到的也是如此。请在更宽的屏幕上查看并排布局,并参阅 响应式设计。

接下来做什么?