DXPR Builder 둘러보기 및 설정 선택.
DXPR Builder를 간단히 둘러보고 DXPR Theme의 역할을 확인합니다. 요소 선택 도구를 열고 스타일이 적용된 섹션 하나를 만든 뒤 미리 봅니다. 이 페이지의 나머지 부분에서는 각 제품의 추가 기능을 설명하므로 독립 실행형 빌더, DXPR Theme과 함께 사용하는 빌더, 두 가지가 모두 포함된 DXPR CMS 중에서 선택할 수 있습니다.
동영상에서는 새 빈 페이지에서 DXPR Builder를 둘러보고 섹션 하나를 만듭니다.
에디터 둘러보기
빌더가 표시되는 콘텐츠 유형의 저장된 빈 페이지에서 시작합니다.
- 먼저 요소 추가를 클릭하여 요소 선택 도구를 엽니다.
- 탭을 살펴봅니다. 콘텐츠, Drupal 블록, Drupal 뷰, 저장된 템플릿, 레이아웃.
- 탭 레이아웃에서 섹션을 선택합니다.
- 섹션에 마우스를 올리고 더보기를 열어 설정을 선택한 뒤 스타일 패널에서 배경을 선택합니다.
- 섹션의 +를 클릭하여 행을 추가한 뒤 컬럼에 버튼과 텍스트를 추가합니다. 텍스트의 스타일 패널에서 글꼴 색상을 선택합니다.
- 툴바에서 저장을 클릭한 뒤 보기 메뉴를 열고 미리보기를 선택합니다.
표시 내용
모드 미리보기에서는 밝은 회색 섹션에 두 개의 컬럼이 표시됩니다. 왼쪽에는 제목, 한 줄 텍스트, 더 알아보기 버튼이 있고, 오른쪽에는 보라색 제목과 텍스트가 있습니다. 미리보기에서는 컨트롤 바와 더하기 버튼이 숨겨지므로 방문자에게 표시되는 모습 그대로 페이지를 볼 수 있습니다.
각 제품의 추가 기능
DXPR Builder는 방금 둘러본 Drupal 모듈입니다. 모든 테마에서 작동하며 다음을 추가합니다.
- 22개의 콘텐츠 요소와 6개의 레이아웃 요소
- 미리보기와 함께 페이지에서 직접 편집
- AI 모듈 설치 시 AI 텍스트, 페이지 생성, 이미지
- 재사용 가능한 페이지 템플릿과 사용자 템플릿
- 역할별 사용 항목을 정하는 사용자 프로필
- 레이아웃 안의 Drupal 블록과 뷰
DXPR Theme는 DXPR의 Bootstrap 5 테마입니다. 색상, 글꼴, 헤더, 페이지 레이아웃 설정을 추가하며 휴대폰과 태블릿에 적응합니다. 별도의 제품 키가 필요하지 않습니다.
| 다른 테마와 함께 사용하는 DXPR Builder | DXPR Theme과 함께 사용하는 DXPR Builder | |
|---|---|---|
| Bootstrap 5 | 테마에서 제공되거나 Bootstrap 파일 사이드로드가 Bootstrap 5로 설정됨 | 테마에서 제공 |
| 빌더의 색상 견본 | 테마에서 정의한 경우 테마 팔레트 | DXPR Theme 색상 팔레트 |
| 고정 헤더 아래의 부드러운 스크롤 | 헤더에 스크롤 오프셋 선택자를 설정 | 설치된 대로 작동 |
| 제품 키 | 필요 | DXPR Builder에만 필요 |
두 설정은 모두 DXPR Builder 일반 설정 페이지의 Bootstrap과 고급 설정에 있습니다.
설정 선택
| 원하는 작업 | 사용 제품 | 필요 사항 |
|---|---|---|
| 모든 설정이 완료된 새 사이트 시작 | DXPR CMS | 새 Drupal 11 사이트 |
| 이미 운영 중인 사이트에 비주얼 페이지 빌딩 추가 | 독립 실행형 DXPR Builder | 테마 또는 사이드로드 설정의 Bootstrap 5 |
| 빌더를 사용자 정의 테마에 맞추기 | DXPR Builder와 테마 적용 | 개발자 |
새로 시작하는 콘텐츠 마케터는 DXPR CMS를 최대한 활용할 수 있습니다. 두 제품과 데모 페이지가 바로 사용할 수 있는 상태로 제공됩니다. 기존 사이트가 있는 웹마스터는 DXPR Builder를 추가하고 테마를 유지합니다.
요소 선택 도구가 표시되지 않는 경우
- 빈 페이지에 “Choose a template”이 표시되지만 요소 추가 버튼이 없습니다. 페이지 생성 도우미 활성화가
/admin/dxpr_studio/dxpr_builder/ai_settings에서 꺼져 있습니다. 대신 빌더 툴바의 +를 클릭하여 선택 도구를 엽니다. - 버튼과 컬럼에 스타일이 적용되지 않습니다. Bootstrap 파일 사이드로드를 Bootstrap 5로, Bootstrap(
/admin/dxpr_studio/dxpr_builder/settings)에서 설정합니다. - 색상 선택 도구에 견본이 표시되지 않습니다. 테마에 정의된 색상 팔레트가 없습니다. 선택 도구 자체에서 색상을 선택하거나 DXPR Theme처럼 팔레트가 있는 테마를 사용합니다.
다음 단계
- 첫 페이지 만들기: 섹션, 행, 요소로 전체 페이지를 단계별로 만듭니다.
- DXPR Builder 사용자: 마케터, 웹마스터, 개발자의 활용 방법을 확인합니다.