Divi 5 Public Alpha 16 : (특징)

게시 됨: 2025-06-06

Divi 5 Public Alpha는 새로운 웹 사이트에서 사용할 수 있습니다. Divi 5를 사용하는 경우 공개 알파 버전 16 에 대한 업데이트 알림이 표시됩니다. 우리는 2 주마다 새로운 Divi 5 버전을 출시하며 매번 더 좋아집니다. Divi 5를 아직 테스트하지 않았다면 시도해보고 귀하의 생각을 알려주십시오.

목차
  • 1 Public Alpha 16의 새로운 기능은 무엇입니까?
  • 2 개의 버그 수정 및 개선
  • 3 기능 진행
    • 3.1 속성을 확장하십시오
    • 3.2 설정 검색 및 필터링
    • 3.3 속성 관리
    • 3.4 루프 빌더
    • 3.5 HSL 지원이있는 상대 색상
    • 3.6 Flexbox 레이아웃
    • 3.7 WooCommerce 모듈
  • 4 ChangeLog
  • 5 Divi 5 릴리스 일정
    • 5.1 베타는 언제 준비됩니까?
    • 5.2 Divi 5는 언제 "공식적으로"공개됩니까?
  • 6 오늘 Divi 5로 뛰어 들었습니다

Public Alpha 16의 새로운 기능은 무엇입니까?

나는 Public Alpha 15에 대한 게시물을 게시하지 않았으므로 그 이후로 변경된 모든 것을 다룰 것입니다.

우리는 84 개의 버그 수정 및 개선 사항, 속성 관리, 설정 검색 및 필터링 및 속성 확장을 포함한 세 가지 새로운 기능을 구현했으며 다가오는 4 가지 기능 에서 상당한 진전을 이루었습니다.

버그 수정 및 개선

버그 수정과 관련하여, 우리는 Divi 5 Public Beta를 준비하면서 뒤로 호환성에 집중하고 있습니다.

기능 진행

우리는 기능 개발을 통해 최고 속도를 이동시킵니다. 우리는 Divi 5에서 풀 타임으로 일하는 7 개의 팀이 있습니다.

  1. 팀원 : 이 팀은 버그를 수정하고 Divi Marketplace 제작자에게 모듈 변환을 지원합니다. Pee-Eye Creative는 최근 여러 제품의 Divi 5 베타 버전을 발표했습니다. 그거 대단해!
  2. 팀 2 : 이 팀은 Divi 5의 최종 기능인 WOO 모듈에서 작업하고 있습니다. 그들은 모든 제품 모듈을 다루는 첫 번째 배치를 마치는 데 가깝습니다.
  3. 팀 3 : 이 팀은 Divi 5 베타를 준비하기 위해 Divi 4 모듈과의 뒤로 호환성을 향상시키고 있습니다.
  4. 팀 4 : 이 팀은 Divi를위한 새로운 Flexbox 레이아웃 시스템을 연구하고 있습니다. 그들은 상당한 진전을 이룹니다. 지금은 오래 걸리지 않을 것입니다.
  5. 팀 5 : 이 팀은 상대적인 색상을 연구하고 있습니다. 그들은 90% 완료되었습니다. 이것은 바로 모퉁이에 있습니다!
  6. 팀 6 : 이 팀은 루프 빌더를 작업하고 크게 진행 중입니다. 이 기능은 거의 60% 완료되었습니다.
  7. 팀 7 : 이 팀은 고도로 요청 된 누락 된 Divi 4 기능을 채우기 위해 노력하고 있습니다. 속성 관리, 검색 및 필터링 설정을 완료하고 속성을 확장했습니다. 다음으로 : 찾아서 교체하십시오!

속성을 확장합니다

우리는이 기능을 완성하고 Divi 5 Public Alpha 16에서 출시했습니다.

확장 속성은 Divi 4의 확장 스타일 기능을 다음 단계로 가져 오는 디자인 초강력과 같습니다.

오늘 시도해보세요!

검색 및 필터링 설정

우리는이 기능을 완성하고 Divi 5 Public Alpha 15.1에서 출시했습니다.

설정 검색 및 필터링을 사용하면 Divi 5 설정 패널을 검색하고 필터링 할 수 있으므로 Divi의 방대한 디자인 옵션으로 작업 할 수 있습니다. Divi 4 에서이 기능에 익숙 할 수 있으며 대중적인 수요로 인해 Divi 5로 가져와 더 나은 수요가있었습니다.

오늘 시도해보세요!

속성 관리

우리는이 기능을 완성하고 Divi 5 Public Alpha 14.1에서 출시했습니다.

속성 관리는 요소에서 속성을 선택적으로 또는 집합 적으로 복사, 붙여 넣기 및 재설정 할 수 있도록합니다. 모든 빌더에게 가장 포괄적 인 속성 시스템입니다!

오늘 시도해보세요!

루프 빌더

우리는 몇 주 전에 Loop Builder에서 몰래 엿볼 수 있었고,이 기능은 이미 60% 완료되었습니다.

Divi의 루프 빌더의 배후에있는 아이디어는 간단합니다. 섹션, 행, 열, 그룹, 모듈 및 하위 요소를 루핑하여 새로운 게시물 기반 컨텐츠를 만들 수 있습니다.

HSL 지원이있는 상대 색상

우리는 몇 주 전에 상대적인 색상을 엿볼 수 있었으며이 기능은 이미 80% 완료되었습니다. 곧 장편 발표를 준비하십시오!

상대 색상으로 색상 변수를 기반으로 진정한 상대 색상 시스템을 만들 수 있습니다. 다른 페이지 빌더는이 색상 변수/HSL 통합을 가지고 있지 않으므로 좋아할 것이라고 생각합니다.

Flexbox 레이아웃

Flexbox 레이아웃 및 컨트롤은 방대한 기능이지만 개발이 예상보다 빠르게 진행되고 있습니다. 이 기능은 거의 90% 완료되며 라이브가되기 전에 훨씬 더 오래 기다릴 필요가 없습니다.

Flexbox 레이아웃은 모듈 그룹 및 중첩 행과 큰 시너지 효과를 갖습니다. Divi 5의 레이아웃 시스템은 최종 양식에 도달하려고합니다!

WooCommerce 모듈

이 기능은 대략적인 출발을했지만 팀은 진전을 보였습니다. 우리는 모든 제품 모듈을 포함하여 몇 주 안에 첫 번째 큰 모듈을 마무리 할 계획이며, 대부분의 Divi의 WooCommerce 모듈을 설명합니다. 그로 인해 올해 중반 Divi 5 베타 출시를 위해 올해 공식 버전을 출시 할 시간이 충분합니다.

changelog

다음은 Public Alpha 16에서 구현 된 모든 변경 사항의 목록입니다.

  • 모든 유형의 빠른 속성 전파를 위해 소개 된 확장 속성.
  • 수정 된 수정 된 탭은 사전 설정을 편집하는 동안 옵션 그룹에서 파란색이 아닙니다.
  • Builder 5의 WooCommerce Breadcrumb 모듈에 대한 REST API 엔드 포인트를 추가했습니다.
  • Divi 4 타사 확장에 의해 추가 된 사용자 정의 모듈 설정을 사용하는 구조 모듈에 대한 역 호환성이 추가되었습니다.
  • 제품을 가져 오기 위해 REST API를 구현했습니다. VB에서 HTML을 상향 조정했습니다.
  • VB에서 제품 탭을 가져 오기 위해 REST API를 구현했습니다.
  • VB에서 HTML에서 추가 제품 정보를 가져 오기 위해 REST API를 구현했습니다.
  • 타사 Divi 4 확장자가 추가하는 사용자 정의 설정을 사용하는 편집 열에서 문제를 수정했습니다.
  • 모듈이 렌더링되는 동안 사용자가 모듈 설정을 열려고 할 경우 단축 모달 설정이 중단되는 오류 수정.
  • VB의 루프 기반 동적 콘텐츠 렌더링.
  • 수정 된 오류 단축 코드 모듈 모달이 열리는 동안 전체 페이지 레이아웃을 지울 때.
  • 클립 보드 속성 맵 구조가 누락되거나 잘못식 된 경우 마운팅 필드 구성 요소가 시각적 빌더의 오류를 유발할 수있는 문제를 수정했습니다.
  • FE에서 바로가 코드 모듈에 대해 작동하지 않는 고정 애니메이션 스타일.
  • 단축 코드 구문 분석 오류를 방지하기 위해 단축 코드 속성 값의 단일 따옴표로 이중 따옴표를 대체했습니다.
  • 지체 CSS 필드를 단축 코드 모듈의 그룹으로 처리하기 위해 새로운 사용자 정의 CSS 필드 유형을 도입했습니다.
  • Divi 4 확장자가 추가 된 경우 사용자 정의 설정 그룹 누락 된 문제.
  • 제품 관련 루프 옵션 메뉴를 구현했습니다.
  • 바로가 코드 모듈에 경고 필드 유형을 추가하십시오.
  • 설정 검색 및 필터링 시스템을 도입했습니다.
  • CMD/CTRL 키를 유지하면서 Rich Text 편집기에서 동일한 컨텐츠를 붙여 넣으면 컨텐츠가 지워질 수있는 문제가 해결되었습니다.
  • VB에서 제품 이미지를 가져 오기 위해 REST API를 구현했습니다.
  • 루프에 대한 게시물 관련 옵션 옵션 메뉴를 작성했습니다.
  • VB에서 제품 타이틀을 가져 오기 위해 REST API를 구현했습니다.
  • VB에서 제품 가격 HTML을 가져 오기 위해 REST API를 구현했습니다.
  • VB에서 제품 등급을 가져 오기 위해 REST API를 구현했습니다.
  • 행 모듈의 기본 최대 너비가 테마 커스터마이저의 웹 ​​사이트 콘텐츠 너비 설정과 일치하지 않는 문제를 수정했습니다.
  • show_if 옵션을 사용하여 여러 종속성을 기반으로 필드를 조건부로 표시하는 데 대한 지원이 추가되었습니다.
  • PHP 필터 사용 예제와 ModuleConversionOutline 필터에 대한 포괄적 인 설명을 D4-TO-D5 변환 자습서에 추가했습니다.
  • 추가 필터 매개 변수를 지원하기 위해 쿼리 결과 API를 확장했습니다.
  • 모듈 피커 모달의 모듈에 대한 폴백 아이콘을 구현하십시오.
  • 배경 스타일 구성 요소에 대한 설명 페이지를 작성했습니다.
  • 도킹 된 모달을 도킹 된 상태에서 끌 수없는 문제를 수정했습니다.
  • 그룹 모듈이 간격 스타일을 출력하지 않은 문제를 수정하여 사용자 설정 간격이 기본값을 재정의하는 것을 방지합니다.
  • 마이그레이션 된 WooCommerce 제품 페이지 레이아웃 및 설정 기능은 레거시 빌더에서 Builder까지 기능합니다.
  • 레거시 빌더에서 Builder 5로 마이그레이션 된 WooCommerce 제품 디스플레이 유틸리티 기능.
  • 마이그레이션 된 WooCommerce 제품 리뷰 레거시 빌더에서 Builder 5로의 유틸리티 기능.
  • 확인란 필드가 재설정시 모든 기본값을 복원하지 않은 문제를 수정하고 모듈이 처음 추가 될 때 기본값이 올바르게 적용되도록합니다.
  • 역할 편집기를 통해 비활성화 된 후에도 제한된 모듈이 여전히 시각적 빌더에서 설정을 열 수있는 문제를 수정했습니다.
  • Divi 5 모듈에서 호버 및 스티커 스타일을 처리하기위한 선택기, 선택기 및 선택기 기능의 올바른 사용법을 설명하는 자세한 자습서가 추가되었습니다.
  • 아이콘 글꼴 설정에서 CSS 수학 기능을 사용하는 경우 아코디언 모듈 파괴 문제를 수정했습니다.
  • 더블 클릭으로 모듈 설정 그룹의 단일 클릭을 트리거 한 문제가 수정되었습니다.
  • MAGE 모듈 간격 옵션이 전역 또는 동적 변수를 허용하지 않는 문제를 수정했습니다.
  • 모듈 라이브러리 패키지에 WooCommerce 제품 탭 모듈을 추가했습니다.
  • 기본 브레이크 포인트를 무시하기 위해 배경 스타일 구성 요소에 'Atrules'지원을 추가했습니다.
  • 모듈 라이브러리 패키지에 WooCommerce 제품 추가-카트 모듈을 추가했습니다.
  • 모듈 라이브러리 패키지에 WooCommerce CART 통지 모듈을 추가했습니다.
  • 모듈 라이브러리 패키지에 WooCommerce 관련 제품 모듈을 추가했습니다.
  • 모듈 라이브러리 패키지에 WooCommerce 제품 추가 정보 모듈을 추가했습니다.
  • 모듈 라이브러리 패키지에 WooCommerce 제품 갤러리 모듈을 추가했습니다.
  • 모듈 라이브러리 패키지에 WooCommerce 제품 메타 모듈을 추가했습니다.
  • 모듈 라이브러리 패키지에 WooCommerce Product Reviews 모듈을 추가했습니다.
  • 선택한 쿼리 유형 및 사용 가능한 총 페이지 수를 기반으로 활성화 된 루프 기능.
  • 아이콘 스타일 구성 요소에 'Atrules'지원이 추가되어 기본 중단 점을 무시했습니다.
  • 이미지와 Fullwidth 이미지 모듈의 이미지 링크에 대해 수정되어 재설정 문제가 발생합니다.
  • 루프 모듈이 와이어 프레임 모드에서 여러 번 렌더링되는 것을 방지합니다.
  • 루프 모듈에 대한 호버 작업이 첫 번째 요소에만 표시되도록 업데이트되었습니다.
  • 공유 고급 메타 데이터 구조를 통해 모든 비 루핑 모듈에 루프 옵션을 추가하여 표준화 된 루프 지원.
  • 행의 거터 번호를 변경하는 동안 열 사용자 정의 폭이 재설정되는 문제를 수정했습니다.
  • D5로 가져온 후 사전 세트 패배 스타일을 포함하여 D4 내보내기 고정.
  • WP 다중 사이트에서 글로벌 변수 관리자 접근성을 고정했습니다.
  • 아이콘 스타일 구성 요소에 대한 설명 페이지를 만들었습니다.
  • 표준화 된 이름 지정 규칙, 일관된 경로 및 향상된 오류 처리로 D5 CLI 도구의 WooCommerce 모듈 생성을 개선했습니다.
  • 연락처 양식 모듈의 이메일 및 메시지 패턴 필드가 글로벌 변수를 제대로 표시하지 않은 문제를 수정했습니다.
  • 프론트 엔드에서 섹션 분배기의 유효하지 않은 CSS 속성 문제를 수정했습니다.
  • ModuleGroup 항목을 필터링하기 위해 새로운 후크를 추가하여 타사 개발자가 모듈 그룹 목록을 사용자 정의 할 수있게했습니다.
  • 다양한 속성 유형을 복사, 붙여 넣기 및 재설정하기위한 새로운 속성 관리 시스템을 도입했습니다.
  • 개선 된 WooCommerce 제품 이미지 단축 코드 변환을 통해 모의 데이터를 중앙 집중화하여 정확한 속성 매핑과 더 나은 유지 관리 가능성을 보장합니다.
  • WooCommerce 제품 이미지 모듈에 대한 자동 생성 모듈 설정을 구현했습니다.
  • 동적 컨텐츠 목록에는 S 단위가있는 고정 변수가 나타나지 않습니다. Z-Index 필드 동적 컨텐츠 목록에는 Unitless GV가 나타나지 않습니다.
  • D5와 같은 D5 WooCommerce 모듈이 D4 버전과 동일하게 작동하도록하는 데 도움이되도록 D4의 ET_BUILDER_WC_RELOCATE_SILLE_PRODUCT_SUMMARY를 구현했습니다.
  • 고정 된 blurb 모듈 제목은 이제 스타일 메타 데이터에서 앵커 선택기를 제거하여 EM 또는 클램프 (…) 값을 사용할 때 올바른 글꼴 크기를 렌더링합니다.
  • YouTube Short URL을 사용할 때 비디오 미리보기가 표시되지 않는 문제를 수정했습니다.
  • 모듈 사전 설정에 사용 된 글로벌 글꼴 변수가 추가 대시로 잘못 렌더링되어 프론트 엔드에서 작동하지 못하는 문제를 해결했습니다.
  • 블로그 모듈의 페이지 매김이 오프셋 값 세트에 대해 작동하지 않는 문제를 수정했습니다.
  • 중첩 행 열 내부에서 모듈을 드래그 앤 드롭 할 수 없었습니다.
  • 기본 모듈 파일, 변환 및 자율 모듈 설정과 함께 WooCommerce 제품 업셀 모듈을 추가했습니다.
  • 열, 페이지 유형 및 탭에 대한 기본 설정 관리를 중앙 집중화하여 향상된 Divi 5 WooCommerce 통합.
  • 모듈 라이브러리 패키지에 WooCommerce 제품 가격 모듈을 추가했습니다.
  • 모듈 라이브러리 패키지에 WooCommerce 제품 등급 모듈을 추가했습니다.
  • 모듈 라이브러리 패키지에 WooCommerce 제품 스톡 모듈을 추가했습니다.
  • 미디어 업 로더 Modal의 링크 색상 충돌 문제를 수정했습니다.
  • 배경 스타일 구성 요소에 대한 설명 페이지를 작성했습니다.
  • JavaScript 종속성이 누락되어 일부 레거시 Divi 4 사용자 정의 모듈이 프론트 엔드에서 잘못 렌더링되는 버그를 수정했습니다.
  • Blurb 타이틀과 기타 모듈 제목/제목 간의 콘텐츠를 복사 및 붙여 넣는 것이 텍스트 콘텐츠를 올바르게 보존하지 않는 문제를 수정했습니다.

Divi 5 릴리스 일정

Divi 5는 오늘날 새 웹 사이트에서 사용할 준비가된다는 점에 유의해야합니다! Divi 5 프로젝트의 범위로 인해 출시 일정에 대한 비 전통적인 접근 방식을 취하여 5 단계로 출시했습니다. 궁극적 인 목표는 Divi 5를 가능한 빨리 가능한 한 빨리 가능한 한 많은 사람들에게 도움을주는 것입니다.

우리는“Divi 5 lite”와 유사한 알파 단계에 있습니다. 몇 가지 기능이 없지만 수행 된 작업은 사용할 준비가되었습니다. 거의 모든면에서 Divi 4보다 훨씬 우수합니다. Divi 5를 선호하는 경우 새 웹 사이트를 구축하는 데 사용할 수 있습니다.

기존 웹 사이트가 Divi 5에 추가되지 않은 기능에 의존하는 경우 Divi 4를 계속 사용해야합니다. WooCommerce 모듈은 유일한 것입니다. 그럼에도 불구하고 Divi 4의 레거시 WooCommerce 모듈은 여전히 ​​Divi 5에서 후진 호환 모드에서 작동합니다.

베타는 언제 준비됩니까?

우리는 진행 상황에 따라 ~ 3 개월 이내에 베타를 입력하는 것을 목표로합니다. 베타 단계에 들어가기 전에 달성하고자하는 세 가지가 있으며, 팀의 절반은 다음과 같은 작업에 중점을 둡니다.

  1. 후진 호환성 향상 - Divi의 후진 호환성 시스템을 통해 Divi 시장의 새로운 모듈과 같은 레거시 모듈은 Divi 5의 새로운 모듈과 함께 작동 할 수 있습니다. 우리는 모든 기존 웹 사이트가 웹 사이트를 변경하지 않고 Divi 5로 업그레이드 할 수 있다는 목표 로이 시스템을 적극적으로 개선하고 있습니다.
  2. 전체 WooCommerce 모듈 지원 - Divi의 WooCommerce 모듈은 아직 Divi 5 형식으로 변환되지 않았습니다. 뒤로 호환성 모드에서 사용할 수 있지만 약간의 기발한 경험이있을 수 있습니다. 우리는 각 알파 릴리스마다 WooCommerce 모듈을 적극적으로 개발하고 있습니다.
  3. 지속적인 버그 수정 및 개선 - 우리는 알파 단계에서보고 된 버그를 수정하기위한 팀이있어 공식 릴리스 전에 Divi 5가 안정되도록합니다. 우리는 Divi 5 알파가 알파처럼 느껴지거나 베타가 베타처럼 느껴지는 것을 원하지 않습니다.

Divi 5는 언제 "공식적으로"공개됩니까?

Divi 5는 연말 전에“최종 형태”에 도달 할 것이며, 연도가 끝나기 전에 경쟁을 도약하는 궁극적 인 목표. 이 목표의 일부는 기능 스왑의 일부로 새로운 기능을 적극적으로 개발하는 것입니다.

하지만 잊지 마세요! 이제 그리고 그 사이에, 당신은 선호하는 경험이 될 때마다 Divi 5를 사용할 수 있습니다. 우리는 최종 릴리스로 돌진하는 대신 Divi 4와 Divi 5를 모두 유지하여 사용자에게 선택을 제공합니다.

우리가 그 선택을 제거 할 것이라고 확신하면, 우리는 그것을“공식”로 만들고, 모든 사람들은 Divi 5 업그레이드 알림을받을 것입니다.

오늘 Divi 5로 뛰어 들었습니다

Divi 5 Public Alpha는 오늘 이용할 수 있습니다. 시도해보고, 당신의 생각을 알려주십시오!

버그를 찾으면 우리 팀에보고하면 고칠 것입니다. 우리는 새로운 기능을 추가하고 피드백을 주소하기 위해 적극적으로 계속 노력할 것입니다.

2 주마다 새로운 Divi 5 버전을 계속 지켜봐주십시오.