Divi 4에 대해 싫어하는 것들과 Divi 5에서 어떻게 고치고 있는지

Divi는 주요 WordPress 테마 및 페이지 빌더가되었으며, 다목적 디자인 옵션과 직관적 인 시각적 빌더로 약 1 백만 개의 웹 사이트에 전원을 공급했습니다. 인기의 증가는 사용하기 쉽고 광범위한 코딩없이 놀랍고 전문적인 웹 사이트를 만들 수있는 능력에서 비롯됩니다. 그러나 우리는 Divi 4가 완벽하지 않다는 것을 알고 있습니다.

포럼, 소셜 미디어 및 연구의 사용자 피드백을 통해 좌절감이 크고 분명하게 들렸습니다. 성능 문제, 구식 코드베이스, 클라크가 많은 인터페이스 및 제한된 설계 유연성은 Divi 5에서 과거의 일입니다. 이러한 통찰력은 Divi 5의 진화를 형성했으며 Divi의 핵심을 완전히 재 작성하는 것은 이러한 고통 포인트를 정면으로 해결하는 방법입니다.

이 게시물에서는 Divi 4의 가장 일반적인 비판에 대해 논의하고 Divi 5가 어떻게 더 빠르고 확장 가능하며 현대적인 솔루션을 제공하는 방법을 설명합니다.

Divi 5는 새로운 웹 사이트에서 사용할 준비가되었지만 기존 사이트를 Divi 5로 변환하는 것은 권장하지 않습니다.

Divi 5 : 우리가 어디에 있고 새로운 것

Divi 5는 공개 알파 단계로, 사용자가 새로운 웹 사이트 빌드에서 새로운 기능을 테스트하도록 초대하는 주요 이정표입니다. 풀 릴리스가 가능할 때 까지이 단계를 사용하면 개선 된 시각적 빌더, 향상된 속도 및 DIVI 5의 디자인 유연성 향상을 탐색 할 수 있습니다. 우리는 지속적인 업데이트에 전념하여 입력 에 의해 지속적인 개선을 보장합니다. 우리는 2025 년 4 분기 - Q1 2026을 대상으로 한 풀 릴리스를 위해 노력하고 있지만 새로운 기능을 추가하고 꼬임을 해결할 것입니다.

Divi 5의 주요 새로운 기능

• 최신 코드베이스 : Divi 5는 더 빠르고 반응이 좋은 시각적 빌더를 제공하여 필요한 모듈 만로드하여 Divi 4의 코드 팽창을 제거합니다.
• 더 이상 바로 코드 없음 : Divi 5의 단축 코드에 작별 인사를하십시오. HTML-5 기반 시스템을 기반으로 구축 된 Divi 5 슬래시 버그, 호환성 향상 및 최신 WordPress 표준과 일치합니다.
• 향상된 시각적 빌더 : Visual Builder의 UI는 밝고 어두운 모드, 도킹 가능한 패널, 탭 창, 키보드 바로 가기 및 빵 부스러기로보다 직관적 인 레이어보기로 완전히 변환되었습니다.
• 중첩 행 및 모듈 그룹 : 무한 둥지를위한 중첩 행이있는 복잡하고 반응 형 레이아웃을 생성하고 다재다능한 재사용 가능한 용기로 모듈 그룹을 만들었습니다.
• Divi AI : Divi AI는 Divi 5의 공개 알파 단계에 완전히 통합되어 텍스트, 코드, 이미지, 섹션 및 전체 레이아웃을 생성 할 수 있습니다.
• 사용자 정의 가능한 반응 형 중단 점 : Divi 5는 7 개의 조정 가능한 브레이크 포인트 (Divi 4에서 3 개)를 소개하여 응답 형 디자인을 정확하게 제어하여 모든 장치에서 레이아웃이 빛나도록합니다.
• 사전 설정 기반 설계 : Divi 5는 사전 설정 기반 설계 접근법을 도입하여 사용자가 사이트의 모양과 느낌을보다 잘 제어 할 수있는 요소 사전 설정 및 옵션 그룹 사전 설정을 만들 수 있습니다.
• 디자인 변수 : Divi 5의 새로운 변수 관리자를 통해 글꼴, 색상, 타이포그래피, 링크 등을 설정하기 위해 설계 변수를 사용하여 글로벌 기본값을 만듭니다.
• 속성 관리 : Divi 5의 새로운 속성 관리 시스템을 통해 사용자는 스타일 및 컨텐츠 설정을 복사, 붙여 넣기 및 재설정하여 Divi 웹 사이트 전체에서 설계 일관성을 촉진 할 수 있습니다.
• 고급 단위 : Divi 5는 Divi 4의 VW, VH, REM 및 EM과 같은 단위로 확장되어 간격 및 타이포그래피를위한 calc () 및 Clamp ()과 Min, Max, Unset 등과 같은 CSS 장치를 포함합니다.

Divi 5의 공개 알파는 더 똑똑하고 빠르며 유연한 Divi를 경험할 수있는 기회입니다.

Divi에 대한 일반적인 불만

사용자 통찰력과 연구를 바탕으로 Divi 4에서 가장 일반적인 사용자 좌절과 Divi 5가 직접 해결하는 방법을 확인했습니다. 아래에서, 우리는 이러한 고통 지점과 Divi 5가 어떻게 다루는지를 설명합니다.

1. 성능 및 속도 문제

Divi 4의 Visual Builder는 원하는 것보다 느리게 진행되며 Divi 4의 기본 아키텍처로 인해 복잡한 페이지가 더 오래 걸리기 때문에 확장하기가 어렵습니다. 우리가 사용자로부터 보는 일반적인 불만은 편집 프로세스 중에 시각적 빌더가 지연되고 불필요한 애니메이션으로 수수께끼가되며 중단 점을 교환 할 때 시간이 걸린다는 것입니다.

결과적으로 Divi 4로 페이지를 디자인하는 데 더 오래, 실망 스러울 수 있습니다.

Divi 5가 문제를 해결하는 방법

Divi 5는 처음부터 마른 모듈 식으로 만들어졌으며 사용하는 모듈과 기능 만로드합니다. 이로 인해 불필요한 처리가 제거되어 시각적 빌더를 더 빠르고 반응이 좋게 만듭니다. Gutenberg와 동일한 HTML-5 기반 스토리지 형식을 채택함으로써 Divi 5는 바로가 코드 처리를 완전히 제거하여 (뒤로 호환성 모드에서도 참조하지 않는 한) Snappy 편집 경험과 빠른 페이지로드를 보장합니다.

또한 모듈 설정이 처리되는 방법을 개선 했으므로 프론트 엔드는 맞춤형 스타일과 마크 업만 효율적으로 출력합니다. Divi 5의 새로운 재단은 10 년이 넘는 경험을 통해 대중의 알파 단계에서의 속도와 유동성에 대해 칭찬하는 매끄럽고 미래 준비된 공연을 제공합니다.

후진 호환 모드에서 Divi 5

레거시 Divi 4 단축 코드 기반 모듈이있는 페이지의 경우 Divi 5는 간소화 된 Divi 5 시스템과 함께 Divi 4 프레임 워크를로드하여 올바르게 렌더링 할 수 있습니다. 이것은 호환성을 우선시하지만 성능에 약간 영향을 줄 수 있습니다. 일을 효율적으로 유지하기 위해 Divi 4 프레임 워크는 레거시 모듈이있는 페이지에만로드되므로 나머지 사이트는 Divi 5의 속도 개선으로부터 완전히 이점을 얻습니다.

2. 구식 단축 코드 기반 시스템

Divi 4의 단축 코드에 대한 의존은 현대 WordPress와의 호환성 문제를 만들어 복잡한 테마 스위치와 같은 좌절감을 초래합니다. Divi 4를 사용하면 다른 테마로 전환하는 것은 어렵 기 때문에 종종 사용자가 Divi에서 마이그레이션 할 때 사이트를 처음부터 처음부터 재구성해야합니다.

Divi 4가 비활성화되면 내용은 테마에 의해 생성 된 단축 코드로 래핑되어 테마를 어렵고 번거롭게 만듭니다. 이는 테마 스위치가 필요할 때 깨끗한 전환을 위해 벽돌이나 구텐베르크와 같은 더 현대적인 응용 프로그램을 찾는 잠재적 인 Divi 사용자에게 기여했습니다.

Divi 5가 문제를 해결하는 방법

Divi 5는 단축 코드를 제거하여 WordPress의 블록 편집기와 일치하는 깨끗한 HTML-5 기반 스토리지 형식을 채택합니다. 이러한 변화는 버그를 줄이고, 마이그레이션을 단순화하며, 미래 방지 확장 성을 보장합니다. 우아한 테마의 불일치 커뮤니티 피드백은 알파 테스트 중에 단축 코드 관련 오류없이 더 부드러운 테마 전환을보고했습니다.

3. Clunky 인터페이스

Divi 4의 Visual Builder는 종종 번거로운 사용자 경험에 대해 비난을 받고 있으며, 이는 과도한 클릭이 필요하고 설계 프로세스를 늦추어야합니다. 중요한 내비게이션 도구 인 레이어 뷰는 혼란스럽고 도킹 할 수 없으므로 복잡한 레이아웃을 효율적으로 관리하기가 어렵습니다. 사용자, 특히 초보자는 시간과 인내가 필요한 학습 곡선으로 직관적이지 않은 인터페이스를 찾습니다.

어리석은 인터페이스는 설계 시간을 증가시켜 좌절감을 증가시킬 수 있습니다. 초보자는 설정을 찾거나 워크 플로우를 이해하는 데 어려움을 겪고 있으며, 더 많은 노련한 사용자가 중첩 메뉴를 탐색하는 데 시간을 낭비하고 레이어는 팝업을 봅니다. 이를 통해 생산성을 줄이고보다 간소화 된 경험을 원하는 사용자를 소외시킬 수 있습니다.

Divi 5가 문제를 해결하는 방법

Divi 5는 마찰을 최소화하고 생산성을 향상 시키도록 설계된 세련된 사용자 중심 UI로 시각적 빌더를 변형시킵니다. 예를 들어, 도킹 가능한 패널과 같은 도구를 사용하면 사용자가 자주 사용하는 설정을 고정 할 수 있으며 탭 Windows가 모듈 옵션을 쉽게 탐색 할 수 있습니다. 또한, 개선 된 레이어보기는 이제 컴팩트하고 도킹 가능하며 이제 빵 부스러기 기능이있어 중첩 된 구조물에서 손실되지 않고 레이아웃을 쉽게 탐색 할 수 있습니다.

이러한 변화는 현대적이고 효율적인 느낌을주는 유동적이고 반응 형 편집 경험을 만듭니다.

4. 제한된 고급 레이아웃 기능

Divi 4의 레이아웃 시스템은 디자이너에게 중요한 진통 점입니다. 현대적인 Flexbox 지원이 부족하고 창의적인 자유를 제한하는 강력한 행 구조에 의존합니다. 동적 포트폴리오, 복잡한 가격 책정 테이블 또는 멀티 컬럼 디자인과 같은 복잡한 레이아웃을 구축하려면 종종 다른 건축업자에 비해 구식이라고 느끼는 전문 섹션, 사용자 정의 CSS 또는 기타 해결 방법을 사용해야합니다. 이 강성은 창의성을 강화시켜 현대적이고 시각적으로 정교한 디자인을 달성하기 위해 한계를 극복해야합니다.

Divi 4의 유연한 레이아웃 도구가 부족하여 디자이너는 원하는 결과를 달성하기 위해 사용자 정의 솔루션에 추가 시간을 소비하여 개발 시간과 좌절을 크게 증가시킵니다. 이로 인해 Divi는 Elementor 및 벽돌과 같은 경쟁 업체에 대한 단점을 둔다. 코딩없이 반응적이고 복잡한 레이아웃을 만들려는 사용자의 경우 Divi 4는 종종 제한적이고 시간이 많이 걸리는 느낌이 듭니다.

Divi 5가 문제를 해결하는 방법

Divi 5는 사용자가 코드 라인을 만지지 않고 복잡하고 현대적인 레이아웃을 만들 수있는 새로운 기능으로 설계 유연성을 재정의합니다 (그렇지 않으면). 중첩 행을 도입하면 무한 둥지가 가능해 디자이너가 갤러리, 팀원 쇼케이스 등을위한 다층 행 구조를 구축 할 수 있습니다.

모듈 그룹은 다목적 컨테이너 역할을하여 고급 스타일 옵션을 제공하여 응집력 있고 시각적으로 역동적 인 섹션을 생성합니다.

7 개의 맞춤형 브레이크 포인트는 반응 형 디자인에 대한 세분화 된 제어를 제공하여 휴대 전화에서 와이드 스크린 데스크톱에 이르기까지 장치 전체의 완벽한 레이아웃을 보장합니다.

Flexbox 지원은 아직 도입되지 않았지만 우리는이를위한 토대를 마련하고 있으므로 곧 출시 될 것으로 예상됩니다. Flexbox에 대한 지원을 추가하면 레이아웃 정밀도 및 유연성을 더욱 향상시킬 수 있으며 모듈 그룹과 함께 작업하여 설계를 깨끗하고 재사용 할 수 있습니다.

고급 단위와 같은 다른 기능에는 calc () 및 clamp ()와 같은 CSS 기능이 포함되며, 디자인 변수에는 최소한의 노력과 함께 나란한 스타일의 일관성이 가능합니다.

속성 관리는 사용자가 요소에 대한 스타일을 복사, 붙여 넣기 또는 재설정하여 설계 시간을 크게 줄여서 워크 플로우를 간소화합니다.

이 도구는 Divi 5가 직관적 인 환경 내에서 경쟁 업체와 경쟁자를 능가하는 정교하고 반응적인 디자인을 만들기위한 강국을 만듭니다.

5. 제한된 블로그 모듈 및 갤러리 모듈 사용자 정의

Divi 4의 블로그 및 갤러리 모듈은 현대적이고 다이내믹 디자인의 유연성이 부족하여 사용자는 타사 플러그인 또는 사용자 정의 코드에 의존하여 메이슨 그리드, 사용자 정의 포스트 피드 또는 스타일링 된 갤러리 디스플레이와 같은 레이아웃을 만들도록 강요합니다. 이 제한은 사용자가 추가 도구없이 독특하고 시각적으로 매력적인 컨텐츠 프레젠테이션을 달성하지 못하게합니다.

사용자는 추가 비용에 직면하고 해결 방법에 상당한 시간을 보내며 Divi 내에서 원시적 인 원활한 솔루션을 찾는 사람들을 좌절시킵니다. 타사 플러그인에 대한 이러한 의존은 워크 플로를 복잡하게하고 Divi의 올인원 매력을 훼손합니다. 특히보다 강력한 콘텐츠 사용자 정의 옵션을 제공하는 경쟁 업체와 비교할 때.

Divi 5가 문제를 해결하는 방법

Divi 5는 다가오는 Query Loop Builder를 사용하여 블로그 및 갤러리 모듈 의이 한계를 다루며, 이는 사용자가 Divi로 동적 컨텐츠를 만드는 방식을 변경하고 스타일을 변경합니다. 루프 빌더를 사용하면 사용자는 시각적 빌더 내에서 Divi의 전체 모듈 제품군을 사용하여 블로그, 갤러리 및 프로젝트를 포함하여 모든 게시물 유형에 대해 완전히 사용자 정의 가능한 루프를 구축 할 수 있습니다.

사용자 정의 루프를 사용하면 플러그인이나 코딩없이 벽돌 그리드 또는 동적 포스트 피드와 같은 컨텐츠를 반복하기위한 템플릿을 만들 수 있습니다. 예를 들어, 사용자는 이미지 모듈, 텍스트 모듈 및 버튼을 혼합하여 이벤트 레이아웃을 빌드 한 다음 쿼리 옵션을 통해 나타나는 게시물을 제어하는 ​​이벤트 루프에 적용 할 수 있습니다. 모듈 그룹과 중첩 행을 통합하여 스타일로 콘텐츠를 보여주기 위해 완벽하게 스타일 (및 재사용 가능한) 레이아웃을 만들 수 있습니다.

6. 경쟁자 뒤에 뒤쳐진 지각

우아한 테마에서 우리는 사용자와 WordPress 생태계의 요구에 따라 발전하는 웹 디자인 경험을 제공하기 위해 노력하고 있습니다. 일부는 Divi가 빠르게 진행되는 Page Builders의 세계를 따라 잡을 수 있는지 궁금해했습니다. 대답은 네, 우리는 그 어느 때보 다 더 빨리하고 있습니다.

Divi 5가 문제를 해결하는 방법

2 년간의 집중적 인 리팩토링 후, 우리는 현대적인 건축물로 Divi를 재건하여 앞으로 몇 년 동안 경쟁을 능가 할 수 있습니다. 이 점검을 통해 1-2 주마다 새로운 기능을 출시하여 사용자에게 속도, 유연성 및 혁신을 제공 할 수 있습니다. 우리의 가속화 된 개발주기는 오늘날의 표준을 충족하는 페이지 빌더를 얻는 것이 아니라는 것을 의미합니다. 당신은 항상 한 단계 앞으로 나아가고 있습니다.

Divi 5의 더 빠른 비주얼 빌더 및 프론트 엔드 렌더링은 WordPress의 블록 편집기와의 완전한 호환성과 결합하여 완벽하고 미래 방지 디자인 경험을 보장합니다. 디자인 변수와 같은 기능을 사용하면 한 번의 클릭으로 사이트 전체 스타일을 변경할 수 있습니다.

한편, 사전 설정 기반 디자인은 전체 모듈의 요소 사전 설정을 통한 일관된 모듈 스타일 또는 테두리 스타일과 같은 재사용 가능한 설정을위한 옵션 그룹 사전 설정을 활성화하여 워크 플로우를 간소화합니다.

현대적인 코드베이스와 기능 릴리스를위한 빠른 속도로 Divi 5는 따라 잡는 것이 아닙니다. 페이지 빌더가 될 수있는 표준을 설정하고 있습니다.

디비의 미래 5

Divi 5 Public Alpha는 혁신적인 발전에 만족하는 테스터들 사이에서 열정을 불러 일으켰습니다. 얼리 어답터는 더 빠른 시각적 빌더를 칭찬하여 전임자의 과감한 업데이트로 묘사합니다. 중첩 행 및 모듈 그룹과 같은 기능은 복잡한 레이아웃을 가능하게하는 반면 Divi AI의 컨텐츠 및 레이아웃을 생성하는 능력은 시간 절약 잠재력을 제공합니다. 그러나 일부 사용자는 Divi 5를 수용하기 전에 전체 Flexbox 지원, 쿼리 루프 빌더 및 다가오는 기능을 기다리고 있습니다.

우리는 지역 사회와 깊이 참여합니다. 먼저, 우리는 피드백에 적극적으로 응답합니다. 우리는 사용자 중심의 기능을 통합하고 있습니다. 이 협업 접근 방식은 Divi 5가 사용자의 요구를 충족시키기 위해 진화합니다.

확인 된 출시 날짜가 부족하면 약간의 휴식을 취하고 우리는 그것을 얻습니다. 그러나 우리는 가능한 최고의 버전의 Divi를 제공하고자합니다. 현재 우리는 새로운 기능을 적극적으로 공개하고 버그 수정 및 사용자 입력을 스캔하여 더 많은 개선을하고 있습니다.

따라서 Divi 5 Public Alpha를 다운로드하고 새로운 프로젝트에서 강력한 기능을 테스트하고 영업/지원 채팅, 소셜 미디어 플랫폼 또는 Divi 5 관련 블로그 게시물에 댓글을 달아 피드백을 공유하도록 초대합니다. 귀하의 의견은 최종 릴리스를 형성하는 데 중요하므로 Divi 5가 기대치를 충족시키고 초과 할 수 있도록 도와줍니다. 따라서, 우리가 WordPress의 미래를 건설하도록 도와주십시오.

Divi의 진화를 받아들이십시오

Divi 5는 현대화 된 사용자 중심의 접근 방식으로 Divi 4에 대한 주요 사용자 불만을 직접 다루는 중요한 도약을 기록합니다. 더 빠른 시각적 빌더와 개선 된 프론트 엔드 렌더링을 통해 성능 문제를 해결합니다. 또한 최신 프레임 워크를 사용하여 단축 코드를 제거하고 직관적 인 내비게이션으로 간소화 된 UI를 제공합니다. 디자이너는 Divi 5의 새로운 기능과 Flexbox 지원을위한 기본적인 기초 덕분에 많은 개선 된 레이아웃 유연성을 찾을 것입니다. Divi 5의 발전을 통해 더 적은 시간 안에 복잡하고 반응이 좋은 레이아웃을 쉽게 만들 수 있습니다.

현재 Divi 5를 채택하는 것에 대한 울타리에 있다면 이해가되지만 완전히 기능하고 새로운 프로젝트를위한 준비가되어 있습니다. 타사 통합이 필요없는 새로운 프로젝트를 시작하는 경우 Divi 5를 탐색하고 대화식 커뮤니티에 가입하는 것이 좋습니다. 귀하의 의견은 Divi 5의 지속적인 개발에 필수적이며 최종 릴리스를 직접 형성 할 것입니다.