Divi 5 Public Alpha 14 : 릴리스 노트 및 진행 상황 업데이트

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

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

우리는 37 개의 버그 수정 및 개선, 하나의 새로운 기능 (모듈 그룹)을 구현했으며 다가오는 4 가지 기능 에서 상당한 진전을 이루었습니다.

버그 수정 및 개선

이 버전에는 소수의 사소한 수정 및 개선이 포함되어 있습니다. 우리는보고 된 모든 버그를 추적하고 그것들을 하나씩 다루고 있습니다. 총 37 개의 버그 수정 및 개선을 병합했습니다. 아래 ChangeLog의 모든 변경 사항을 나열했습니다.

기능 진행

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

1. 팀원 : 이 팀은 버그를 수정하고 Divi Marketplace 제작자에게 모듈 변환을 지원합니다. Divi Pixel은 30 개의 모듈이 Divi 5로 변환되어 테스트 준비가되었다고 발표했습니다. 그거 대단해!
2. 팀 2 : 이 팀은 Divi 5의 최종 기능인 WOO 모듈에서 작업하고 있습니다. 그들은 모든 제품 모듈을 다루는 첫 번째 배치를 마치는 데 가깝습니다.
3. 팀 3 : 이 팀은 Divi 5 베타를 준비하기 위해 Divi 4 모듈과의 뒤로 호환성을 향상시키고 있습니다.
4. 팀 4 : 이 팀은 Divi를위한 새로운 Flexbox 레이아웃 시스템을 연구하고 있습니다. 그들은 상당한 진전을 이룹니다. 지금은 오래 걸리지 않을 것입니다.
5. 팀 5 : 이 팀은 상대적인 색상을 연구하고 있습니다. 50% 완료되었습니다. 새로운 색상 시스템은 매우 매끄 럽습니다!
6. 팀 6 : 이 팀은 최근 모듈 그룹을 마쳤습니다. 이제 그들은 루프 빌더 에서 작업하고 있습니다! 자세한 내용은 계속 읽으십시오.
7. 팀 7 : 이 팀은 Divi의 복사/붙여 넣기/재설정 시스템을 크게 향상시키기 위해 새로운 속성 관리 시스템을 연구하고 있습니다.

다음은 공개 알파 버전 13 이후의 진전입니다.

모듈 그룹

우리는이 기능을 완성하고 Divi 5 Public Alpha 13.1에서 공개했습니다.

그룹은 Divi의 레이아웃 계층 구조의 새로운 컨테이너 요소로, 열에 모듈을 그룹화 할 수 있습니다. 그룹을 사용하여 구성 및 스타일 구성을 관리 할 수 ​​있습니다.

오늘 시도해보세요!

HSL 지원이있는 상대 색상

우리는 지난주에 상대적인 색상을 엿볼 수 있었으며이 기능은 이미 50% 완료되었습니다.

우리는 Divi의 컬러 필드를 점검하고 색상 변수에 대한 세련된 초점으로 HSL 지원을 소개합니다. 새로운 색조, 채도 및 가벼움 컨트롤을 사용하여 웹 사이트의 글로벌 컬러 팔레트를 기반으로 상대 색상을 쉽게 만들어 수학적으로 아름다운 색상 시스템을 설계 할 수 있습니다.

이것이 웹 사이트 색상 시스템을 구축하는 방법입니다!

속성 관리

이 기능은 거의 완료되었습니다. 모든 것이 잘되면 내일 또는 다음 주 초에 출시 될 것입니다.

Divi 4에서는 스타일을 복사, 붙여 넣기 및 재설정 할 수 있습니다. Divi 5에서는 속성 관리를 완전히 새로운 수준으로 끌어 올리며, 모든 속성 유형 (스타일, 사전 설정 및 컨텐츠 포함)을 훨씬 더 특이성으로 복사, 붙여 넣기 및 재설정 할 수 있습니다. 이는 특히 Divi 5의 사전 설정 기반 설계에 대한 초점을 고려할 때 상당한 개선입니다.

모든 빌더에게 가장 포괄적 인 시스템입니다.

루프 빌더

또 다른 놀라운 기능입니다! 우리는 Divi 5를위한 쿼리 루프 빌더를 구축하고 있으며 개발이 잘 진행되고 있습니다. 우리는 기본이 작동하고 있으며 이제는 사용자 정의 쿼리를 구축 할 수있는 옵션을 추가하는 문제 일뿐입니다 (위의 비디오의 UI는 시작점 일뿐입니다).

Divi의 루프 빌더는 매우 유연하여 단일 모듈 또는 그룹, 열, 행 및 섹션으로 제작 된 레이아웃 등 모든 것을 반복 할 수 있습니다. 요소를 루프하고 루프에서 동적 데이터로 채울 수 있습니다.

"루프 모듈"또는 템플릿으로 당신을 비명 구매하는 다른 빌더와 달리, 우리는 당신이 루프로 바꾸고 루프 내부에 루프를 추가 할 수 있습니다.

Flexbox 레이아웃

Flexbox 레이아웃 및 컨트롤의 개발은 예상보다 훨씬 빠르게 진행되고 있습니다. 이것은 대규모 업데이트이지만 ~ 4-6 주 안에 완료 될 것이라고 생각합니다.

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

WooCommerce 모듈

WooCommerce 모듈의 진행 상황이 속도를 높이고 있습니다. 우리는 모든 제품 모듈을 포함하여 4 주 이내에 첫 번째 큰 모듈을 완성 할 계획이며, 대부분의 Divi의 WooCommerce 모듈을 설명합니다. 그로 인해 올해 중반 Divi 5 베타 출시를 위해 올해 공식 버전을 출시 할 시간이 충분합니다.

changelog

다음은 공개 알파 13에서 구현 된 모든 변경 사항의 목록입니다.

• 빌더가 활성화 될 때 Divi 테마 스크립트가 올바르게로드되는 것을 방지하는 스크립트 충돌을 수정했습니다.
• "기본 모듈 속성"설명 페이지를 업데이트하여 새롭고 일반적인 예제 사용을 사용하여 각 방법을 더 잘 이해합니다.
• 기존 D5 모듈에서 기본 속성을 수정하는 것에 대한 새로운 자습서를 소개했습니다.
• 필드 테두리를 사용하여 모듈의 테두리 설정에 적용되지 않는 글로벌 변수를 고정했습니다.
• 그라디언트 필드에서 불필요한 값 단위를 제거했습니다.
• WooCommerce 제품 설명 모듈의 전환을 확인하기 위해 변환 개요 테스트를 추가했습니다.
• CommonStyle :: Style Function에서 Atrules 소품을 사용하여 중단 점을 무시할 수있는 기능을 추가하십시오.
• CSSStyle :: 스타일 함수에서 Atrules 소품을 사용하여 중단 점을 무시할 수있는 기능을 추가하십시오.
• 모듈 설정 패널 (콘텐츠, 설계 및 고급)을 업데이트하여 자율 설정을 사용합니다.
• 소수점 값에 대해 프론트 엔드에서 작동하지 않는 이미지 모듈의 경계-라디우스 값 문제를 수정했습니다.
• Firefox 브라우저의 팝업 메뉴에 배경 마스크 문제가 수정되었습니다.
• 요소 스타일 레벨에서 Atrules를 사용하려면 지지대를 추가하십시오.
• 섹션 모듈의 분배기 컷오프 문제의 문제를 수정했습니다.
• 중첩 행이 일반 섹션에 나타나지 않는 문제를 수정했습니다.
• "자리 표시 자 콘텐츠"에 대한 새로운 설명 페이지와 "자리 표시 자 콘텐츠 수정"에 대한 새로운 튜토리얼 페이지를 소개합니다.
• WooCommerce 제품 제목 모듈을 모듈 라이브러리 패키지에 추가했습니다.
• Docs Index Page Nav 링크를 업데이트하여 3PS 로드맵을 포함하고 스타일링 문제를 수정하십시오.
• 내부 대 외부 모듈 추가를 명확히하기 위해 그룹 모듈에 아이콘 추가 아이콘 배치를 교체했습니다.
• 재주문 된 글로벌 색상은 이제 빌더 요소 (섹션, 행, 열, 모듈)에 올바르게 반영됩니다.
• 사용되지 않은 ConvertiMagetobase64 기능을 이식성 우수에서 제거했습니다.
• 그룹 내부에서 행을 떨어 뜨릴 수없는 수정.
• 도서관에서 추가하려고 할 때 그룹 모듈이 Divi 라이브러리 또는 클라우드에 저장된 그룹 모듈이 나타나지 않는 문제를 수정했습니다.
• Divi의 컨테이너 계층에 새 그룹 요소가 추가되었습니다.
• 설정 패널의 모듈과 옵션 그룹 사전 설정 간의 배경 스타일링 충돌.
• Wooproductpagemodules 플래그 뒤에 WooCommerce 제품 설명 모듈에 대한 기본 설정이 추가되었습니다.
• 글로벌 변수에서 이미지 수출 개선.
• 지원되지 않는 Divi 4 모듈의 인스턴스가 빌더에 복제 될 수 있습니다.
• 그룹에서 선택한 모듈을 랩핑하는 기능을 추가했습니다.
• 모듈 옵션 UI 모듈 레벨을 수평으로 중심으로 만듭니다.
• 호버링 된 모듈의 모듈 추가 버튼을 만들 수 있으며 토글 가능한 액션 아이콘 호버 설정에 관계없이 모든 상위가 나타납니다.
• 숫자 크기 값이 "PX"와 같은 유효한 장치 대신 "자동"으로 기본적으로 "자동"으로 기본적으로 스타일링을 유발하는 문제를 수정했습니다.
• 이제 저장된 글로벌 변수 만 드롭 다운 메뉴에 표시됩니다.
• 고정 된 글로벌 변수는 이미지 모듈의 경계 반경 옵션에서 작동하지 않습니다.
• 이미지, 글꼴 및 문자열 필드에서 오타를 보여주는 글로벌 변수 모달 필드 오류 메시지의 문제를 수정했습니다.
• 일관된 블록 이름을 보장하고 모듈 조직을 개선하기 위해 D5의 WooCommerce 모듈 명명 ​​컨벤션을 수정했습니다.
• 제거 된 모듈 그룹 기능 플래그.
• 페이지 설정이 열릴 때 그룹 모듈 하위를 가리키지 못하는 문제를 수정했습니다.

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 버전을 계속 지켜봐주십시오.