DXPR Builder 배우기

이 섹션의 가이드

여기서 시작

설치 및 업데이트

• 시스템 요구 사항
• Drupal 사이트에 DXPR Builder 설치
• DXPR CMS로 새 사이트 시작
• 콘텐츠 유형에 DXPR Builder 사용
• 데모 페이지로 DXPR Builder 체험
• DXPR Builder 업데이트
• 변경 로그
• 이전 릴리스
• DXPR Builder의 Font Awesome 7

첫 페이지 만들기

• 첫 페이지 만들기
• DXPR Builder 둘러보기 및 설정 선택
• 섹션 디자인, 저장, 재사용
• DXPR 온보딩: 배지, 윙, 등급
• 섹션 가장자리까지 이어지게 하기

다른 빌더에서 이전

• DXPR Builder 1.x 또는 2.x에서 마이그레이션
• 휴대전화에 맞게 레이아웃 조정하기
• 호버에 반응하게 만들기

페이지 만들기

페이지 편집

• 요소 제자리로 드래그
• 요소 찾기 및 추가
• 요소 선택하기
• 페이지에서 텍스트 편집
• 요소 더보기 메뉴 사용
• 요소 복사 및 붙여넣기
• 요소 복제로 복제
• 변경 사항 실행 취소 및 다시 실행
• 방문자 화면으로 페이지 보기
• 페이지 저장 및 게시
• 휴대폰이나 태블릿에서 페이지 편집

콘텐츠 추가

텍스트와 미디어

• 텍스트 요소 추가
• 이미지 추가
• 이미지 캐러셀 추가
• 동영상 추가
• 로컬 동영상 추가
• HTML 요소 추가

레이아웃

• 섹션 추가하기
• 로우 추가하기
• 탭 패널 추가하기
• 접기 패널 추가하기
• 캐러셀 레이아웃 추가하기
• 위치 지정 레이어 추가하기
• AI 텍스트 검토하고 유지하기

마케팅

• 점보트론 추가
• 버튼 추가
• 링크 추가
• 알림 추가
• 카드 추가
• 패널 추가
• 인용문 추가
• 소셜 링크 요소 추가

데이터와 모션

• 숫자 카운터 추가
• 서클 카운터 추가
• 진행률 표시줄 추가
• 카운트다운 타이머 추가
• 마퀴 추가
• 지도 추가
• 아이콘 추가
• 구분선 추가

요소 스타일 지정

• 스타일 패널에서 요소 모양 변경
• 콘텐츠 뒤에 색상이나 사진 배치
• 테두리, 둥근 모서리, 그림자 추가
• 요소 안팎에 간격 추가
• 타이포그래피
• HTML ID와 클래스

디자인 가이드

• 브랜드 색상 사용
• 버튼 스타일
• 카드 스타일 지정
• 배경
• 스크롤, 호버, 클릭 시 콘텐츠 애니메이션
• Bootstrap 그리드
• 섹션을 끝까지 펼치기
• 휴대전화에 맞는 레이아웃 만들기
• 요소에 마우스를 올리면 반응하게 만들기

레이아웃 재사용

• 템플릿으로 페이지 시작하기
• 섹션 저장하고 재사용하기
• 팀 디렉터리 만들기
• 제품 페이지 만들기

AI로 쓰고 디자인하기

• DXPR Builder에서 AI 켜기
• AI 설정
• AI 모델과 공급자
• AI로 페이지 초안 만들기
• AI로 섹션 변경
• AI로 이미지 생성
• AI로 사진 편집
• AI에게 alt 텍스트 맡기기
• AI로 텍스트 다시 쓰기
• AI 텍스트 검토 및 유지
• AI 콘텐츠 도구 살펴보기
• AI로 글쓰기 어조 비교
• AI로 콘텐츠 번역
• AI로 웹페이지 복제
• AI 채팅으로 A/B 테스트 변형 만들기
• AI 활용 사례

튜토리얼 따라 하기

• 에디터 라이선스 확보하기
• 여러 사이트에 하나의 제품 키 쓰기
• 기능 비교
• 보안
• 빌더 페이지 백업 및 복원
• 페이지를 접근성 있게 만들기
• 검색 엔진이 페이지를 찾게 하기
• 성능
• 캐싱
• 멀티사이트 설치
• 팀 디렉터리 만들기
• 제품 페이지 만들기
• CI/CD 통합
• 미디어 라이브러리에서 사진 배치하기
• CKEditor 텍스트 에디터
• 다른 언어로 페이지 만들기
• 콘텐츠 유형
• A/B 테스트 설정하기
• 한 번에 세 개 이상 버전 테스트하기

사이트 관리

빌더 설정

• 제품 키 입력과 사이트 전체 설정
• 한도에 포함되는 콘텐츠 확인
• 페이지 시작 레이아웃 관리
• 저장된 템플릿 공유 및 정리

권한 관리

• 아이콘 라이브러리
• 역할별 빌더 표시 항목 선택
• 로컬 빌드에서 에디터 실행하기
• 권한
• 에디터가 나타나지 않습니다
• 라이선스 및 제품 키 오류
• 에디터 라이선스 비우기
• 멀티사이트 라이선싱
• 기능 비교

규정 준수 요건 충족

• 방화벽과 데이터 레지던시
• 보안
• 빌더 페이지 백업 및 복원

접근성과 검색 최적화

• 페이지 접근성 높이기
• 검색엔진 최적화

운영 환경에서 실행

• 성능
• 캐싱
• 멀티사이트 설치
• 콘텐츠 스테이징
• 버전 관리
• CI/CD 통합

Drupal 기능 연결

• 페이지에 Drupal 블록 추가
• 페이지에 Drupal 뷰 표시하기
• 미디어 라이브러리에서 사진 배치하기
• Entity Browser로 이미지 선택하기
• Layout Builder 안에서 DXPR Builder 사용하기
• CKEditor 텍스트 편집기
• 다른 언어로 페이지 만들기
• 콘텐츠 유형

변형 테스트

• A/B 테스트 설정하기
• 세 개 이상의 버전 한 번에 테스트하기
• 결과 분석
• 테스트 요령

브랜드에 맞추기

• 텍스트 에디터 설정
• 테마 CSS로 빌더 콘텐츠 스타일 지정
• DXPR Builder에 브랜드 글꼴 설정
• 아이콘 라이브러리
• 소스에서 에디터 빌드
• 유틸리티 클래스
• Twig 템플릿 재정의

문제 해결

• 에디터가 나타나지 않습니다
• 라이선스 및 제품 키 오류
• 변경 사항이 저장되지 않습니다
• 이미지가 업로드되지 않거나 사라집니다
• 방문자에게 다르게 보입니다
• 요소가 잘못 표시되거나 작동합니다
• 업데이트 후 문제
• AI 문제 해결

확장

아키텍처와 API

• 아키텍처
• 하위 모듈
• CSS 아키텍처
• 후크 API 참조
• API 참조
• AI API 레퍼런스

빌더 위에 개발

• 사용자 정의 요소 만들기
• 사용자 정의 아이콘 세트
• Theming

도구

• Drush 명령
• 테스트
• 기여하기

참조

요소와 CSS

• 요소 참조
• CSS 클래스 참조
• 키보드 단축키

설정과 API

• 구성 참조
• API 엔드포인트
• 시스템 요구사항

도움 받기

• FAQ
• 용어집

레거시

• DXPR Builder Enterprise 변경 로그