---
url: 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/getting-started/studio-workflow'
title: '섹션 디자인, 저장, 재사용 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:04:34+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  한 섹션을 정성껏 만들어 필요한 모든 페이지에서 다시 사용합니다. 공개일 알림을 간격, 큰 글꼴, 브랜드 색상, 둥근 모서리로 스타일링합니다. 그런 다음 페이지를 저장하고 섹션을 템플릿으로 보관한 뒤 다시 삽입합니다. 각 스타일링 단계에는 자세히 알아볼 수 있는 별도 가이드가 있습니다.
  동영상에서는 알림을 스타일링하고 템플릿으로 저장한 뒤 두 번째로 삽입합니다.
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: |-
        한 섹션을 정성껏 만들어 필요한 모든 페이지에서 다시 사용합니다. 공개일 알림을 간격, 큰 글꼴, 브랜드 색상, 둥근 모서리로 스타일링합니다. 그런 다음 페이지를 저장하고 섹션을 템플릿으로 보관한 뒤 다시 삽입합니다. 각 스타일링 단계에는 자세히 알아볼 수 있는 별도 가이드가 있습니다.
        동영상에서는 알림을 스타일링하고 템플릿으로 저장한 뒤 두 번째로 삽입합니다.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:04:34+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/ko/hc/documentation/learn-dxpr-builder/getting-started/studio-workflow'
      articleSection: '첫 페이지 만들기'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/getting-started/studio-workflow'
      description: |-
        한 섹션을 정성껏 만들어 필요한 모든 페이지에서 다시 사용합니다. 공개일 알림을 간격, 큰 글꼴, 브랜드 색상, 둥근 모서리로 스타일링합니다. 그런 다음 페이지를 저장하고 섹션을 템플릿으로 보관한 뒤 다시 삽입합니다. 각 스타일링 단계에는 자세히 알아볼 수 있는 별도 가이드가 있습니다.
        동영상에서는 알림을 스타일링하고 템플릿으로 저장한 뒤 두 번째로 삽입합니다.
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 홈
            item: 'https://dxpr.com/ko'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ko
---
[도움말 센터](/ko/node/75)/[문서](/ko/hc/documentation) /[DXPR Builder 배우기](/ko/hc/documentation/learn-dxpr-builder) /[여기서 시작](/ko/hc/documentation/learn-dxpr-builder/start-here) /[첫 페이지 만들기](/ko/hc/documentation/learn-dxpr-builder/start-here/first-steps) # 섹션 디자인, 저장, 재사용.

 DXPR Builder 배우기여기서 시작첫 페이지 만들기

   ## 이 가이드의 내용

 관련 가이드

- [섹션 저장하고 재사용하기](/ko/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates)

한 섹션을 정성껏 만들어 필요한 모든 페이지에서 다시 사용합니다. 공개일 알림을 간격, 큰 글꼴, 브랜드 색상, 둥근 모서리로 스타일링합니다. 그런 다음 페이지를 저장하고 섹션을 템플릿으로 보관한 뒤 다시 삽입합니다. 각 스타일링 단계에는 자세히 알아볼 수 있는 별도 가이드가 있습니다.

동영상에서는 알림을 스타일링하고 템플릿으로 저장한 뒤 두 번째로 삽입합니다.

  ## 시작하기 전에

- DXPR Builder로 페이지를 편집할 수 있으며 작업할 섹션이 있습니다. [첫 페이지 만들기](/ko/hc/documentation/learn-dxpr-builder/getting-started/first-page)를 참조하세요.

## 설정

1. 섹션 안의 **+**를 클릭하고 요소 선택 도구의 **콘텐츠** 탭을 열어 **텍스트**를 선택합니다. 설정 대화상자가 열립니다.
2. 공지 사항을 입력하고 첫 줄을 **제목 2**로 설정합니다.
3. 같은 대화상자의 **스타일** 패널을 열고 박스 모델에서 **안쪽 여백**의 위쪽과 아래쪽을 40픽셀로 설정합니다.
4. 설정으로 **글꼴 크기**를 20으로 지정합니다.
5. 흰색 **글꼴 색상**과 남색 **배경**을 선택합니다.
6. 설정으로 **테두리 반경**을 12로 지정하고 **저장**을 클릭합니다.
7. DXPR Builder 툴바에서 **저장**을 클릭합니다.
8. 알림을 가리키고 전체 섹션용 가장 바깥 컨트롤 바에서 **더보기**를 클릭한 뒤 **템플릿으로 저장**을 선택하고 **템플릿 이름**을 입력한 뒤 **공용 템플릿**을 선택하고 **저장**을 클릭합니다.
9. DXPR Builder 툴바의 **+**를 클릭하고 **저장된 템플릿** 탭을 열어 템플릿을 클릭합니다.
10. DXPR Builder 툴바에서 **저장**을 클릭합니다.

## 표시 내용

알림은 남색 블록에 흰색의 큰 텍스트, 위아래 여백, 둥근 모서리가 적용된 모습입니다. 9단계 뒤에는 페이지에 두 번째 복사본이 표시됩니다. 복사본은 독립적입니다. 텍스트를 변경해도 첫 번째 알림은 그대로 유지됩니다. 이제 템플릿이 모든 페이지의 **저장된 템플릿** 탭에서 대기합니다. **공용 템플릿**이 선택되어 있으면 다른 에디터도 볼 수 있습니다.

각 스타일링 단계에는 별도 가이드가 있습니다.

- [간격](/ko/hc/documentation/learn-dxpr-builder/element-settings/spacing): 박스 모델의 안쪽 여백과 바깥 여백.
- [타이포그래피](/ko/hc/documentation/learn-dxpr-builder/element-settings/typography): 글꼴 크기와 글꼴 색상.
- [색상 및 브랜딩](/ko/hc/documentation/learn-dxpr-builder/design/colour-and-branding): 브랜드에 맞는 색상.
- [테두리와 그림자](/ko/hc/documentation/learn-dxpr-builder/element-settings/borders-shadows): 테두리 반경, 테두리 스타일, 드롭 섀도우.
- [배경](/ko/hc/documentation/learn-dxpr-builder/element-settings/background): 요소 뒤의 색상, 이미지, 효과.
- [행과 컬럼](/ko/hc/documentation/learn-dxpr-builder/layout/rows-and-columns) 및 [반응형 디자인](/ko/hc/documentation/learn-dxpr-builder/design/responsive-design): 레이아웃과 화면 크기.
- [사용자 템플릿](/ko/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates) 및 [저장된 템플릿 탭](/ko/hc/documentation/learn-dxpr-builder/reusable-templates/saved-templates-tab): 섹션 저장과 재사용.

## 템플릿이 표시되지 않는 경우

- **저장된 템플릿 탭에 템플릿이 없습니다.** 저장이 완료되지 않았거나 다른 사이트에 있습니다. 섹션을 **더보기** 메뉴에서 다시 저장하고 **검색**에서 템플릿 이름을 확인합니다.
- **더보기 메뉴로 섹션이 아니라 페이지 전체가 저장되었습니다.** DXPR Builder 툴바의 **더보기**를 사용했습니다. 섹션 자체 컨트롤 바(가장 바깥)의 **더보기**를 사용합니다.
- **텍스트가 커지거나 흰색으로 바뀌지 않았습니다.** 다른 요소의 설정을 변경했습니다. 텍스트 요소 자체의 **설정**을 열고 **스타일** 패널에서 **글꼴 크기**와 **글꼴 색상**을 확인합니다.

## 다음 단계

- [사용자 템플릿](/ko/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates): 템플릿 관리, 공유, 삭제.
- [디자인 가이드](/hc/documentation/learn-dxpr-builder/design/overview): 색상, 버튼, 카드, 전체 너비 레이아웃.