Elegant Themes The Divi Builder

Elegant Themes의 Divi Builder는 WordPress 사이트의 프론트 엔드에서 직접 작동하는 비주얼 페이지 구성 도구입니다. 백엔드 편집기와 달리, Divi는 요소를 드래그하고 타이포그래피를 조정하며 색상을 수정하고 간격을 구성하는 동안 실시간으로 변경 사항을 볼 수 있게 해줍니다. — 실제 페이지 컨텍스트 내에서 모든 작업이 이루어집니다.

비주얼 프론트 엔드 편집

빌더는 방문자가 볼 페이지를 렌더링하며, 텍스트에 대한 인라인 편집, 모든 요소에 대한 클릭 앤 스타일링, 모듈 재배치를 위한 비주얼 드래그 앤 드롭을 제공합니다. 이 접근 방식은 전통적인 빌더가 요구하는 편집기와 미리 보기 간의 왕복을 없애줍니다.

콘텐츠 모듈

• 40개 이상의 모듈 — 텍스트, 이미지, 비디오, 슬라이더, 추천사, 가격표, 연락처 양식, 블로그 피드 등
• 모듈 사용자 정의 — 각 모듈은 타이포그래피, 간격, 테두리, 그림자 및 애니메이션에 대한 디자인 설정을 제공합니다.
• 사용자 정의 CSS 접근 — 고급 사용자는 모듈, 행 또는 섹션 수준에서 사용자 정의 CSS를 추가할 수 있습니다.

레이아웃 라이브러리

Divi는 산업별로 정리된 수백 개의 미리 만들어진 레이아웃 팩과 함께 제공됩니다. 각 팩은 여러 페이지 디자인(홈, 소개, 연락처, 서비스)을 포함하고 있으며, 이를 가져와서 사용자 정의할 수 있습니다. 또한, 일관성을 위해 자신의 디자인을 재사용 가능한 레이아웃으로 저장할 수 있습니다.

반응형 디자인 제어

모든 디자인 설정은 데스크탑, 태블릿 및 모바일 뷰포트에 대해 독립적으로 조정할 수 있습니다. 이를 통해 CSS 미디어 쿼리에 의존하지 않고도 콘텐츠가 다양한 화면 크기에 어떻게 적응하는지를 정밀하게 제어할 수 있습니다.

테마 빌더 통합

개별 페이지를 넘어, Divi의 테마 빌더는 헤더, 푸터, 게시물 템플릿, 카테고리 아카이브 및 기타 구조적 요소를 시각적으로 디자인할 수 있게 해줍니다. 이는 전체 사이트 구조에 비주얼 편집 패러다임을 확장합니다.