Divi 4와 Divi 5(공개 알파)의 10가지 주요 차이점

게시 됨: 2024-10-21

Divi 5 Public Alpha의 도입으로 Divi 테마는 상당한 변화를 겪었습니다. Divi 4는 강력한 기반을 갖추고 있지만 성능, 기술 부채 및 오래된 구조로 인해 어려움을 겪었습니다. Divi 5는 웹 표준이 발전함에 따라 완전한 점검을 통해 이러한 제한 사항을 해결하여 성능, 유연성 및 사용자 경험이 크게 향상되었습니다.

Divi 5의 새로운 프레임워크는 Visual Builder의 속도와 성능을 향상시켜 확장성과 미래 지향성을 높여줍니다. 시간의 테스트를 견디도록 제작된 Divi 5는 장기적인 생존 가능성을 제공하고 귀하의 웹 사이트가 WordPress의 향후 개발에 쉽게 적응할 수 있도록 보장합니다. 프리랜서, 웹 에이전시, 소규모 사업주 등 Divi 5는 이전보다 더 쉽고 빠르게 웹사이트를 구축할 수 있는 더 빠르고 강력한 플랫폼을 제공합니다.

Divi 5 공개 알파 다운로드

Divi 5 Public Alpha와 다운로드 방법에 대해 자세히 알아보세요.

Divi 5 공개 알파 다운로드

목차
  • 1 Divi 5로의 전환이 중요한 이유
  • 2 Divi 4와 Divi 5의 주요 차이점 10가지
    • 2.1 1. 핵심 아키텍처 재작성
    • 2.2 2. 더 이상 단축 코드가 없습니다
    • 2.3 3. 비주얼 빌더의 향상된 성능 및 속도
    • 2.4 4. 원클릭 편집
    • 2.5 5. 개발자를 위한 확장성
    • 2.6 6. 반응형 디자인 도구
    • 2.7 7. 패널 도킹 및 관리
    • 2.8 8. 쉬운 탐색을 위한 이동 경로
    • 2.9 9. 라이트 & 다크 모드
    • 2.10 10. 프리셋 관리
  • 3 Divi 5는 웹 사이트를 더 빠르게 디자인하고 구축하는 데 도움이 됩니다

Divi 5로의 전환이 중요한 이유

Divi 5 공개 알파 랜딩 페이지 2024년 10월

Divi 5 Public Alpha의 출시는 Divi 테마의 진화에 있어서 중요한 순간입니다. 웹 기술이 계속 발전함에 따라 보다 유연하고 확장 가능하며 성능이 뛰어난 테마에 대한 필요성이 크게 증가했습니다. Divi 4는 수백만 개의 웹 사이트를 위한 강력한 기반을 마련했지만 수년간의 기능 추가로 인해 성능 저하 및 코드 복잡성과 같은 기술적 한계의 징후가 나타나기 시작했습니다.

Divi 5는 단순한 업그레이드가 아닙니다. 테마 프레임워크를 완전히 재작성한 것입니다. Elegant Themes 팀은 처음부터 Divi 5를 구축함으로써 과거의 한계를 해결하는 동시에 미래의 발전을 위해 Divi를 배치하는 솔루션을 제공했습니다. 이러한 정밀 검사는 더 빠른 로딩 시간, 더 원활한 편집 경험 및 미래를 위해 설정된 플랫폼을 의미합니다.

Divi 4로 웹사이트를 구축했다면 Divi 5로 전환하면 새로운 가능성과 간소화된 새 인터페이스가 열립니다. 공개 알파 단계에서는 Divi 5를 다운로드하여 사용해 보고 의견을 알려주시기 바랍니다. 이 단계에서는 모든 기능을 사용할 수는 없지만 Divi와 함께 제공되는 기능에 대한 좋은 아이디어를 얻을 수 있습니다.

Divi 5 공개 알파 다운로드

Divi 4와 Divi 5의 10가지 주요 차이점

Divi 5에는 성능, 확장성 및 전반적인 웹 디자인 경험을 향상시키는 중요한 변경 사항이 도입되었습니다. Divi 5가 이전 버전인 Divi 4와 차별화되는 가장 중요한 차이점을 살펴보겠습니다.

1. 핵심 아키텍처 재작성

디비 4

시간이 지남에 따라 Divi 4의 아키텍처는 새로운 기능이 추가됨에 따라 성장하고 적응했습니다. 이로 인해 많은 새로운 기능이 추가될 수 있었지만 코드베이스가 더 복잡해졌습니다. Divi 4의 프레임워크가 확장됨에 따라 원래 구조는 이전 버전과의 호환성을 위해 유지 관리해야 하는 오래되고 비효율적인 코드인 기술적 부채로 인해 부담을 갖게 되었습니다. 이러한 복잡한 설정으로 인해 특히 Visual Builder 내에서 성능이 저하되는 경우가 있었습니다. 단축 코드 처리(조금 더 자세히 설명)로 인해 다른 레이어가 추가되어 콘텐츠 렌더링이 지연되고 페이지 로드 시간이 길어졌습니다.

도전과제

  • 기능별 개발로 인해 기술 부채가 발생함
  • 빌더와 프런트엔드가 단축 코드를 처리하고 불필요한 코드를 대량으로 로드해야 했기 때문에 성능이 저하되었습니다.
  • 진화하는 코드베이스로 인해 코드 복잡성 증가

디비 5

Divi 5 Public Alpha가 출시되면서 전체 프레임워크가 처음부터 다시 작성되었습니다. 오래된 코드를 패치하는 대신 Divi는 현대적인 모듈식 프레임워크로 재구축되었습니다. 이제 각 모듈(텍스트, 이미지 갤러리 등)이 독립적으로 작동합니다. 즉, Visual Builder에서 작업하거나 웹 페이지를 렌더링할 때 필요한 구성 요소만 로드됩니다. 이 모듈식 접근 방식을 통합하면 속도와 효율성이 향상되어 시스템 속도 저하 없이 향후 기능을 더 쉽게 추가할 수 있습니다. Divi 5의 깔끔한 코드베이스는 현재 더 나은 성능을 보장할 뿐만 아니라 향후 개발을 위한 확장 가능한 기반도 제공합니다.

이익

  • 훨씬 더 빠르고 반응성이 뛰어난 Visual Builder 경험
  • 더 깨끗하고 유지 관리하기 쉬운 코드
  • 더 빨라진 페이지 로드 시간으로 간소화된 프런트엔드 성능
  • 향후 업데이트 및 기능을 위한 확장성과 유연성 향상

Divi 5의 재구축된 코어는 성능 향상의 핵심으로, Divi로 구축된 웹사이트가 견고하고 미래 지향적임을 보장하면서 사용자가 보다 효율적으로 작업할 수 있도록 해줍니다.

2. 더 이상 단축 코드가 없습니다

디비 4

Divi 4에서 단축 코드는 각 모듈과 해당 설정을 나타내는 시스템의 백본이었습니다. 페이지에 모듈을 추가하면 Divi는 나중에 WordPress에서 이를 해석하고 콘텐츠로 변환하는 관련 단축 코드를 생성합니다. 예를 들어, Divi 테마를 비활성화하면 웹페이지의 백엔드에 페이지 콘텐츠가 포함된 일련의 단축 코드가 있게 됩니다.

Divi 4 단축 코드

이 방법은 일반적으로 효과적이었지만 페이지 렌더링 중에 상당한 오버헤드를 추가했습니다. 더 많은 콘텐츠를 추가할수록 더 많은 단축 코드가 생성되어 웹 페이지 로딩 및 표시 프로세스가 느려집니다.

도전과제

  • 단축 코드 구문 분석은 콘텐츠 처리에 추가 단계를 추가하여 페이지 로드 시간을 늘렸습니다.
  • 페이지 크기가 커짐에 따라 단축 코드 수도 증가하여 성능에 영향을 미칠 수 있습니다.
  • 단축 코드에 충돌이나 문제가 있는 경우 페이지 레이아웃이 깨질 수 있습니다.
  • Divi 테마를 비활성화하면 페이지 내용이 혼란스러워져 페이지 내용을 해독하기가 어려워집니다.

디비 5

Divi 5는 단축 코드를 완전히 제거하여 보다 모듈화된 프레임워크로 이동합니다. 즉, Divi 5는 단축 코드를 생성하고 구문 분석하는 대신 페이지의 구성 요소와 직접 작동하여 필요할 때만 로드합니다. 이를 통해 성능이 향상되고 Divi가 WordPress 및 블록 편집기의 미래에 맞춰 조정됩니다. Divi 5는 이러한 전환을 통해 현재 성능을 향상시키고 향후 WordPress 릴리스와의 호환성을 보장합니다.

이익

  • 단축 코드를 처리할 필요가 없으므로 페이지 렌더링이 더 빨라집니다.
  • 콘텐츠가 더욱 안정적이고 신뢰할 수 있어 레이아웃 문제나 콘텐츠가 깨질 가능성이 줄어듭니다.
  • WordPress 업데이트 및 블록 기반 생태계와의 미래 호환성이 보장됩니다.

단축 코드를 제거함으로써 Divi 5는 더 빠르고 안정적인 플랫폼을 제공하여 프런트 엔드의 구축 경험과 페이지 속도를 향상시킵니다.

3. 비주얼 빌더의 성능 및 속도 향상

디비 4

이미 살펴본 바와 같이 기술 부채의 축적과 단축 코드 사용은 Visual Builder의 속도와 Divi 웹사이트의 프런트엔드 성능에 영향을 미쳤습니다. 게다가 Divi 4가 CSS와 JavaScript를 관리하는 방식으로 인해 이러한 상호 작용 속도가 더욱 느려졌습니다. 결과적으로 Visual Builder는 특히 더 크고 복잡한 웹 사이트에서 느려질 수 있습니다.

빌더를 변경할 때마다 페이지를 로드하고 렌더링하기 위해 단축 코드와 추가 리소스를 다시 처리해야 했습니다. 이는 또한 더 큰 CSS 및 JavaScript 파일과 단축 코드가 많은 콘텐츠로 인해 페이지 로드 시간이 길어지고 사용자 경험과 SEO에 부정적인 영향을 미치는 프런트 엔드에도 적용되었습니다.

도전과제

  • 특히 대규모 웹사이트의 경우 더욱 느린 Visual Builder입니다.
  • 무거운 CSS 및 JavaScript 파일로 인해 페이지 로드 시간이 길어집니다.
  • 단축 코드를 처리하려면 추가 단계가 필요하여 전반적인 성능이 저하되었습니다.

디비 5

Divi 5의 재구성된 구조는 속도와 성능을 최우선으로 생각합니다. 새 프레임워크는 전체 페이지를 다시 로드하는 대신 필요에 따라 구성 요소를 로드합니다. 또한 사용하지 않는 스타일과 스크립트를 제거하여 CSS 및 JavaScript 파일의 크기를 크게 줄여 페이지 로드 시간을 단축했습니다. Divi 5의 Visual Builder에서 변경 사항을 적용하면 작업 중인 섹션과 관련된 요소만 다시 렌더링되어 더 빠르고 응답성이 뛰어난 경험을 제공합니다.

이익:

  • 모듈을 추가하거나 설계를 변경할 때 지연이 줄어들고 상호 작용이 빨라집니다.
  • 간결한 CSS 및 JavaScript 파일은 프런트 엔드, 특히 복잡한 웹 사이트의 로드 시간을 단축합니다.
  • 향상된 사용자 경험, 감소된 반송률 및 향상된 SEO 순위.

이러한 성능 향상을 통해 Divi 5는 페이지 로드 속도 및 웹 페이지 구축 경험과 관련하여 Divi 4보다 크게 향상되었습니다.

4. 원클릭 편집

디비 4

Divi 4에서는 모듈을 변경하려면 모듈 설정 내의 아이콘과 옵션을 탐색해야 했습니다. 이 방법은 효과가 있었지만 사용자가 조정을 위해 설정 아이콘을 찾아 다양한 설정 탭을 전환해야 했기 때문에 디자인 프로세스가 느려지는 경우가 많았습니다. 이 추가 단계로 인해 특히 빠르게 작업하거나 다양한 모듈을 여러 번 편집할 때 시간이 추가되었습니다.

도전과제

  • 모듈 내의 작은 아이콘을 클릭하여 설정에 액세스하는 데 시간이 더 걸렸습니다.
  • 특히 여러 모듈에서 자주 변경하는 경우 편집 프로세스가 느려집니다.
  • 신규 사용자나 경험이 부족한 사용자에게는 덜 직관적인 인터페이스입니다.

디비 5

Divi 5에서는 원클릭 편집 기능을 도입하여 편집 프로세스가 완전히 재구성되었습니다. 변경을 위해 작은 아이콘을 찾거나 여러 탭을 탐색하는 대신 사용자는 편집하려는 모듈에서 직접 아무 곳이나 클릭할 수 있습니다. 여기에서 모듈의 설정이 즉시 공개되어 전체 프로세스가 더욱 직관적이 됩니다. 텍스트 수정, 이미지 추가, 색상 조정 등 원클릭 편집을 통해 보다 빠르게 변경하고 보다 직관적인 작업 흐름을 수행할 수 있습니다.

이익

  • 한 번의 클릭으로 모듈 설정에 즉시 액세스할 수 있습니다.
  • 초보자와 숙련된 개발자 모두에게 적합한 더욱 직관적인 인터페이스입니다.
  • 설계 편집에 소요되는 시간으로 인해 생산성이 향상되었습니다.

원클릭 편집 기능을 갖춘 Divi 5는 더욱 사용자 친화적인 Visual Builder 경험을 제공하여 사용자가 이전보다 더 빠르게 Divi 웹사이트를 구축할 수 있도록 해줍니다.

5. 개발자를 위한 확장성

디비 4

Divi 4에서는 타사 개발자가 Divi의 API에 대한 액세스가 제한되어 있어 사용자 정의 및 통합이 더욱 어려워졌습니다. 사용자 정의 모듈을 만들거나 기능을 추가하는 것이 가능했지만 개발자는 기존 프레임워크를 중심으로 작업해야 했습니다. 이로 인해 개발자가 Divi로 할 수 있는 작업이 제한되어 고급 사용자 정의 모듈을 구현하거나 타사 플러그인 및 도구와의 원활한 통합이 더 어려워졌습니다.

도전과제

  • 제한된 API 액세스로 인해 개발자가 구축하거나 사용자 정의할 수 있는 항목이 제한되었습니다.
  • 사용자 정의 모듈이나 기능을 생성하려면 더 복잡한 해결 방법이 필요한 경우가 많았습니다.
  • 타사 도구 또는 외부 시스템과의 긴밀한 통합 기회가 적습니다.

디비 5

Divi의 최신 릴리스는 더욱 유연하고 강력한 API 덕분에 플랫폼의 확장성을 획기적으로 향상시켰습니다. 제3자 개발자는 Divi 개발팀이 사용하는 것과 동일한 도구 및 리소스에 액세스할 수 있으므로 훨씬 더 심층적인 사용자 정의와 더욱 정교한 통합이 가능합니다. 이러한 개방형 접근 방식을 통해 개발자는 Divi 생태계 내에서 작동하는 맞춤형 모듈, 기능 및 통합을 만들 수 있습니다. 새로운 기능을 추가하든, 타사 시스템과 통합하든, 사용자 정의 작업 흐름을 구축하든, Divi 5의 개발자 친화적인 프레임워크를 사용하면 필요에 맞게 Divi를 더 쉽게 사용자 정의할 수 있습니다.

이익

  • Divi 5는 더욱 복잡한 솔루션을 구축할 수 있는 뛰어난 유연성을 제공합니다.
  • 타사 통합에 대한 간소화된 접근 방식을 통해 외부 도구 및 서비스와의 원활한 연결이 가능합니다.
  • Divi 팀과 동일한 개발자 도구에 대한 액세스는 혁신과 모어 플러그인 및 기능 생성을 장려합니다.

Divi 5의 향상된 확장성은 개발자에게 가능성의 세계를 열어 개발자를 위한 더욱 다재다능하고 적응 가능한 플랫폼으로 만듭니다.

6. 반응형 디자인 도구

디비 4

Divi 4에서 반응형 디자인을 만들려면 작은 화면에 맞게 디자인을 미세 조정하는 여러 단계가 필요했습니다. 모바일 장치에 맞게 레이아웃을 미세 조정하려면 다양한 설정과 탭을 살펴봐야 했습니다. 이 프로세스는 기능적이었지만 작업 흐름에 추가 단계가 추가되어 반응형 편집이 더 느리고 덜 직관적이게 되었습니다.

도전과제

  • 반응형 편집 옵션에 액세스하려면 추가 단계가 필요합니다.
  • 호버 및 고정 상태를 조정하려면 여러 설정을 탐색해야 했습니다.
  • 다양한 화면 크기에 걸쳐 반응형 조정을 수행하기 위한 작업 흐름이 느려집니다.

디비 5

Divi 5에서는 도구에 더 쉽게 접근하고 직관적으로 만들 수 있어 더욱 간소화된 반응형 편집 프로세스를 얻을 수 있습니다. 반응형 디자인 옵션과 호버 및 고정 상태는 설정 패널에 직접 통합되지 않아 Divi 4에 필요한 추가 단계가 필요하지 않습니다. 사용자는 다양한 장치 보기(데스크톱, 태블릿 및 모바일) 간에 빠르게 전환하고 실시간으로 조정할 수 있습니다. 여러 모듈을 동시에. 패딩과 여백을 조정하거나, 글꼴 크기를 조정하거나, 버튼에 마우스 오버를 추가하는 등 Divi 5는 반응형 디자인을 위한 더 빠르고 효율적인 방법을 제공합니다.

이익

  • 반응형 편집 도구는 기본 설정 패널에서 더 쉽게 접근할 수 있습니다.
  • 더 빠른 디자인 변경을 위해 장치별 설정에 더 쉽게 액세스할 수 있습니다.
  • 호버 및 고정 설정을 관리하는 더 쉬운 방법입니다.

7. 패널 도킹 및 관리

디비 4

Divi 4에서는 사용자가 디자인 보기를 가리지 않도록 모달을 움직여야 했습니다. 이로 인해 모듈의 디자인 설정과 레이어 패널이 가려져 멀티태스킹이 어려워지고 다른 모듈이나 디자인 요소를 빠르게 탐색할 수 없게 되었습니다. 이로 인해 특히 여러 설정에 걸쳐 지속적인 조정이 필요한 복잡한 설계 작업을 할 때 더욱 복잡해졌습니다.

도전과제

  • 사용자는 한 번에 하나의 패널만 편집할 수 있어 멀티태스킹이 제한되었습니다.
  • 설정 모달을 자주 이동하고 위치를 변경하면 작업 흐름이 느려졌습니다.
  • 사용자가 다양한 설정을 수동으로 탐색함에 따라 화면이 더 복잡해졌습니다.

디비 5

Divi 5에는 다중 패널 도킹이 도입되어 전반적인 사용자 경험이 크게 향상되었습니다. 이 시스템을 사용하면 사용자는 여러 패널을 동시에 열고 패널 사이를 쉽게 탭할 수 있습니다. 이를 통해 사용자는 패널을 닫거나 다시 열지 않고도 모듈 설정, 레이어, 페이지 설정 등을 전환할 수 있으므로 멀티태스킹이 훨씬 쉬워집니다. Divi 5를 사용하면 혼란을 줄이면서 디자인 스타일에 가장 잘 맞도록 작업 공간을 사용자 정의할 수 있습니다.

이익

  • 사용자는 쉽게 액세스하고 빠르게 편집할 수 있도록 여러 패널을 열어 둘 수 있습니다.
  • 패널 간을 전환하고 탭 섹션으로 끌어서 생산성을 높이고 디자인 프로세스 속도를 높입니다.
  • 도킹 패널 시스템을 사용하면 패널을 계속해서 이동할 필요가 없어 작업 공간이 더 깔끔하고 어수선하지 않게 됩니다.

Divi 5의 다중 패널 도킹을 통해 사용자는 설정을 보다 효율적으로 관리할 수 있어 보다 빠른 디자인 반복과 보다 부드럽고 직관적인 편집 환경이 가능합니다.

8. 쉬운 탐색을 위한 이동 경로

디비 4

Divi 4에는 사용자가 레이아웃 내에서 작업 중인 위치를 추적하는 데 도움이 되는 탐색경로 탐색 기능이 내장되어 있지 않았습니다. 빠른 탐색 기능이 부족하여 섹션 간 이동이 더 어려워졌으며, 특히 크고 복잡한 레이아웃을 작업할 때 더욱 그렇습니다. 결과적으로 사용자는 수동으로 스크롤하거나, 와이어프레임 보기를 열거나, 레이어 패널을 활용하여 특정 요소를 찾아야 했고, 이로 인해 디자인 프로세스가 느려졌습니다.

도전과제

  • 탐색경로 탐색이 없으면 페이지 구조를 통한 탐색 속도가 느려집니다.
  • 사용자는 섹션을 찾고 편집하기 위해 수동으로 스크롤하거나 보기를 전환해야 했습니다.
  • 여러 레이어가 포함된 복잡한 레이아웃을 관리할 때 작업 흐름의 효율성이 떨어집니다.

디비 5

Divi 5에는 탐색경로 탐색이 도입되어 복잡한 페이지 구조를 훨씬 쉽게 이동할 수 있습니다. 이 새로운 기능은 현재 섹션, 행 및 모듈 계층 구조의 명확한 경로를 표시하므로 사용자는 디자인 내의 다양한 요소 사이를 빠르게 이동할 수 있습니다. 중첩된 모듈을 편집하든 섹션 간 전환을 하든 탐색경로는 페이지 내 위치에 대한 보다 명확한 개요를 제공하여 전반적인 사용자 경험을 향상시킵니다.

이익

  • 사용자는 클릭 한 번으로 섹션, 행, 모듈 사이를 빠르게 이동할 수 있습니다.
  • 탐색경로를 사용하면 수동으로 스크롤하거나 다른 보기를 열 필요가 줄어들어 디자인 프로세스 속도가 빨라집니다.
  • 복잡한 레이아웃을 탐색하기 위한 보다 명확하고 체계적인 접근 방식으로 페이지 편집을 더욱 직관적으로 만듭니다.

Divi 5의 탐색경로 탐색을 통해 사용자는 페이지 레이아웃을 보다 효율적으로 탐색할 수 있어 더 크고 복잡한 디자인 작업의 속도와 용이성이 향상됩니다.

9. 라이트 & 다크 모드

디비 4

Divi 4에는 다크 모드 옵션이 포함되어 있지 않아 인터페이스가 기본 라이트 모드로 제한되었습니다. 기능적이지만 이 인터페이스는 저조도 환경에서 작업하는 것을 선호하는 사용자나 확장된 디자인 세션 동안 눈의 피로를 줄이기 위해 어두운 모드를 선호하는 사용자에게는 적응력이 떨어졌습니다. 다크 모드가 없기 때문에 Divi는 라이트 모드와 다크 모드 옵션을 제공하는 최신 소프트웨어 도구에 비해 UI 사용자 정의가 덜한 느낌을 받았습니다.

Divi 4 인터페이스

도전과제

  • 다크 모드가 없어 사용자 인터페이스 적응성이 제한됩니다.
  • 저조도 환경에서 작업하는 사용자의 눈 피로도가 증가합니다.
  • 특히 어두운 테마를 선호하는 사람들을 위해 전체적으로 덜 유연한 UI 경험입니다.

디비 5

Divi 5에는 밝은 모드와 어두운 모드 옵션이 도입되어 사용자에게 작업 환경에 대한 더 큰 유연성과 제어력을 제공합니다. 이제 사용자는 개인 취향이나 환경 조명에 따라 밝은 모드와 어두운 모드 사이를 전환할 수 있어 보다 편안하고 사용자 정의 가능한 디자인 경험을 보장합니다. 낮이나 밤 늦게 작업하든, 새로운 다크 모드 옵션은 눈의 피로를 줄이고 사용성을 향상시켜 Divi 5를 다양한 사용자 요구에 더 잘 적응시킬 수 있게 해줍니다.

이익

  • 밝은 모드와 어두운 모드를 통해 사용자는 작업 환경을 다양한 선호도에 맞게 맞춤화할 수 있습니다.
  • 다크 모드는 특히 저조도 환경에서 장시간 편집 세션을 수행하는 동안 눈의 피로를 줄이는 데 도움이 됩니다.
  • 다양한 작업 조건에서 보다 현대적이고 적응 가능한 사용자 경험.

10. 프리셋 관리

디비 4

Divi 4에서는 사전 설정 관리가 수동 프로세스였습니다. 사전 설정을 적용하거나 조정할 때 시스템을 다시 로드하고 변경 사항을 처리해야 하는 Divi의 프레임워크로 인해 사용자는 종종 지연을 경험했습니다. 이로 인해 편집 사전 설정 속도가 느려질 뿐만 아니라 작업 흐름의 전반적인 효율성에도 영향을 미쳤습니다. 특히 페이지나 전체 웹 사이트에서 일관된 스타일로 여러 요소를 관리할 때 더욱 그렇습니다.

Divi 4 사전 설정

도전과제

  • 사전 설정을 편집하거나 적용할 때 응답 시간이 느려집니다.
  • 여러 모듈에 사전 설정을 적용하려면 더 많은 수동 작업이 필요합니다.
  • 특히 대규모 프로젝트 작업 시 작업 흐름 효율성이 떨어집니다.

디비 5

Divi 5는 새로운 클래스 기반 구조를 통해 더욱 빠르고 효율적인 사전 설정 관리 시스템을 도입했습니다. 이 시스템을 사용하면 사용자는 몇 번의 클릭만으로 모듈 전체에 일관된 스타일을 적용하여 사전 설정을 보다 빠르게 생성하고 관리할 수 있습니다. 내장된 사전 설정과 재사용 가능한 클래스를 통해 전역 변경이 가능하고 반복 편집의 필요성이 줄어들어 디자인 프로세스가 더욱 쉬워집니다. 이 새로운 클래스 기반 시스템은 사전 설정에 대한 모든 업데이트가 모든 요소에 즉시 적용되도록 보장하여 시간을 절약하고 보다 응집력 있는 디자인 경험을 제공합니다.

Divi 5 사전 설정

이익

  • 클래스 기반 시스템을 사용하면 여러 모듈에 걸쳐 사전 설정을 더 빠르게 적용하고 업데이트할 수 있습니다.
  • 디자인 프로세스 속도를 높이기 위해 미리 만들어진 사전 설정..
  • 디자이너는 몇 번의 클릭만으로 웹사이트의 일관성을 유지할 수 있습니다.

Divi 5의 향상된 사전 설정 관리 시스템을 통해 사용자는 더 빠른 편집, 향상된 디자인 일관성 및 향상된 작업 흐름의 이점을 누릴 수 있어 웹 사이트 전체에서 응집력 있는 스타일을 더 쉽게 구현하고 유지할 수 있습니다.

Divi 5는 웹 사이트를 더 빠르게 디자인하고 구축하는 데 도움이 됩니다

Divi 5는 단순한 증분 업데이트 그 이상입니다. 이는 완전한 플랫폼 변화를 나타냅니다. Divi 5는 Divi 4의 단점을 해결하고 기술적 부채 및 짧은 코드 기반 구조와 같은 문제를 제거함으로써 디자이너와 개발자에게 더 빠르고 반응성이 뛰어난 경험을 제공하도록 설계되었습니다. WordPress의 블록 기반 Gutenberg 편집기와 더 유사한 모듈식 프레임워크를 사용하면 프레임워크가 WordPress의 향후 변경 사항에 훨씬 더 확장 가능하고 적응 가능합니다.

Divi 5 공개 알파 다운로드