设计、保存和复用版块.
精心构建一个版块,并在每个需要的页面上复用它。您将为一个 Open Day 宣传框设置样式:间距、更大的字体、品牌颜色和圆角。然后保存页面,将该版块存为模板并再次插入。如果想了解更多细节,每个样式设置步骤都有各自的指南。
该视频演示了为宣传框设置样式、将其存为模板并第二次插入的过程。
开始之前
- 您可以用 DXPR Builder 编辑页面,且页面中有一个可供操作的版块。请参阅构建您的第一个页面。
设置
- 点击版块内的 +,打开元素选择器的 Content 选项卡,选择 Text。随即打开其设置对话框。
- 输入您的公告,并将其第一行设为 Heading 2。
- 打开同一对话框的 样式 面板,在盒模型中将 Padding 的顶部和底部设为 40 像素。
- 将 Font size 设为 20。
- 选择白色的 Font color 和深蓝色的 Background。
- 将 Border radius 设为 12,然后点击 Save。
- 点击 DXPR Builder 工具栏上的 Save。
- 指向宣传框,点击最外层控制栏(即整个版块的控制栏)上的 More,然后选择 Save as template,输入 Template name,勾选 Global template,再点击 Save。
- 点击 DXPR Builder 工具栏上的 +,打开 Saved templates 选项卡,点击您的模板。
- 点击 DXPR Builder 工具栏上的 Save。
您会看到的内容
宣传框是一个深蓝色块,文字为白色且更大,上下留白,边角圆润。在第 9 步之后,页面上会出现第二个副本。该副本是独立的:修改其文字,第一个宣传框保持不变。您的模板现在已保存在每个页面的 Saved templates 选项卡中。勾选 Global template 后,其他编辑人员也能看到它。
每个样式设置步骤都有各自的指南:
- 间距:盒模型中的内边距和外边距。
- 排版:字体大小和字体颜色。
- 颜色与品牌:与您的品牌匹配的颜色。
- 边框与阴影:边框圆角、边框样式和投影。
- 背景:元素背后的颜色、图像和效果。
- 行与列和响应式设计:布局与屏幕尺寸。
- 用户模板和Saved templates 选项卡:保存和复用版块。
如果您没有看到您的模板
- Saved templates 选项卡中没有该模板。保存尚未完成,或您在另一个站点上。请从其 More 菜单再次保存该版块,并在 Search 中查找模板名称。
- More 菜单保存了整个页面,而不是该版块。您使用的是 DXPR Builder 工具栏上的 More。请使用该版块自身控制栏(最外层)上的 More。
- 文字没有变大或变白。您修改的是另一个元素的设置。请打开文本元素自身的 Settings,检查其 样式 面板中的 Font size 和 Font color。