设计、保存和复用版块.

学习 DXPR Builder从这里开始搭建首个页面

精心构建一个版块,并在每个需要的页面上复用它。您将为一个 Open Day 宣传框设置样式:间距、更大的字体、品牌颜色和圆角。然后保存页面,将该版块存为模板并再次插入。如果想了解更多细节,每个样式设置步骤都有各自的指南。

该视频演示了为宣传框设置样式、将其存为模板并第二次插入的过程。

开始之前

设置

  1. 点击版块内的 +,打开元素选择器的 Content 选项卡,选择 Text。随即打开其设置对话框。
  2. 输入您的公告,并将其第一行设为 Heading 2。
  3. 打开同一对话框的 样式 面板,在盒模型中将 Padding 的顶部和底部设为 40 像素。
  4. 将 Font size 设为 20。
  5. 选择白色的 Font color 和深蓝色的 Background。
  6. 将 Border radius 设为 12,然后点击 Save。
  7. 点击 DXPR Builder 工具栏上的 Save。
  8. 指向宣传框,点击最外层控制栏(即整个版块的控制栏)上的 More,然后选择 Save as template,输入 Template name,勾选 Global template,再点击 Save。
  9. 点击 DXPR Builder 工具栏上的 +,打开 Saved templates 选项卡,点击您的模板。
  10. 点击 DXPR Builder 工具栏上的 Save。

您会看到的内容

宣传框是一个深蓝色块,文字为白色且更大,上下留白,边角圆润。在第 9 步之后,页面上会出现第二个副本。该副本是独立的:修改其文字,第一个宣传框保持不变。您的模板现在已保存在每个页面的 Saved templates 选项卡中。勾选 Global template 后,其他编辑人员也能看到它。

每个样式设置步骤都有各自的指南:

如果您没有看到您的模板

  • Saved templates 选项卡中没有该模板。保存尚未完成,或您在另一个站点上。请从其 More 菜单再次保存该版块,并在 Search 中查找模板名称。
  • More 菜单保存了整个页面,而不是该版块。您使用的是 DXPR Builder 工具栏上的 More。请使用该版块自身控制栏(最外层)上的 More。
  • 文字没有变大或变白。您修改的是另一个元素的设置。请打开文本元素自身的 Settings,检查其 样式 面板中的 Font size 和 Font color。

接下来做什么?