---
url: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/studio-workflow'
title: '设计、保存和复用版块 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T13:52:08+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  精心构建一个版块，并在每个需要的页面上复用它。您将为一个 Open Day 宣传框设置样式：间距、更大的字体、品牌颜色和圆角。然后保存页面，将该版块存为模板并再次插入。如果想了解更多细节，每个样式设置步骤都有各自的指南。
  该视频演示了为宣传框设置样式、将其存为模板并第二次插入的过程。
tags:
  - 'Build your first page'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 设计、保存和复用版块
      description: |-
        精心构建一个版块，并在每个需要的页面上复用它。您将为一个 Open Day 宣传框设置样式：间距、更大的字体、品牌颜色和圆角。然后保存页面，将该版块存为模板并再次插入。如果想了解更多细节，每个样式设置步骤都有各自的指南。
        该视频演示了为宣传框设置样式、将其存为模板并第二次插入的过程。
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T13:52:08+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/studio-workflow'
      articleSection: 搭建首个页面
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/studio-workflow'
      description: |-
        精心构建一个版块，并在每个需要的页面上复用它。您将为一个 Open Day 宣传框设置样式：间距、更大的字体、品牌颜色和圆角。然后保存页面，将该版块存为模板并再次插入。如果想了解更多细节，每个样式设置步骤都有各自的指南。
        该视频演示了为宣传框设置样式、将其存为模板并第二次插入的过程。
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 首页
            item: 'https://dxpr.com/zh-hans'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: zh-hans
---
[帮助中心](/zh-hans/node/75)/[文档](/zh-hans/hc/documentation) /[学习 DXPR Builder](/zh-hans/hc/documentation/learn-dxpr-builder) /[从这里开始](/zh-hans/hc/documentation/learn-dxpr-builder/start-here) /[搭建首个页面](/zh-hans/hc/documentation/learn-dxpr-builder/start-here/first-steps) # 设计、保存和复用版块.

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

   ## 本指南内容

 相关指南

- [保存版块并复用](/zh-hans/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates)

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

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

  ## 开始之前

- 您可以用 DXPR Builder 编辑页面，且页面中有一个可供操作的版块。请参阅[构建您的第一个页面](/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/first-page)。

## 设置

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** 后，其他编辑人员也能看到它。

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

- [间距](/zh-hans/hc/documentation/learn-dxpr-builder/element-settings/spacing)：盒模型中的内边距和外边距。
- [排版](/zh-hans/hc/documentation/learn-dxpr-builder/element-settings/typography)：字体大小和字体颜色。
- [颜色与品牌](/zh-hans/hc/documentation/learn-dxpr-builder/design/colour-and-branding)：与您的品牌匹配的颜色。
- [边框与阴影](/zh-hans/hc/documentation/learn-dxpr-builder/element-settings/borders-shadows)：边框圆角、边框样式和投影。
- [背景](/zh-hans/hc/documentation/learn-dxpr-builder/element-settings/background)：元素背后的颜色、图像和效果。
- [行与列](/zh-hans/hc/documentation/learn-dxpr-builder/layout/rows-and-columns)和[响应式设计](/zh-hans/hc/documentation/learn-dxpr-builder/design/responsive-design)：布局与屏幕尺寸。
- [用户模板](/zh-hans/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates)和[Saved templates 选项卡](/zh-hans/hc/documentation/learn-dxpr-builder/reusable-templates/saved-templates-tab)：保存和复用版块。

## 如果您没有看到您的模板

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

## 接下来做什么？

- [用户模板](/zh-hans/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates)：管理、共享和删除您的模板。
- [设计指南](/hc/documentation/learn-dxpr-builder/design/overview)：颜色、按钮、卡片和全宽布局。