Divi 5 Public Alpha 11 : 릴리스 노트 및 기능 진행

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

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

나는 공개 Alpha 10에 관한 게시물을 게시하지 않았 으므로이 게시물은 Public Alpha 9 이후로 우리가 달성 한 모든 것을 다룰 것입니다.

우리는 103 개의 버그 수정 및 개선, 두 가지 새로운 기능 (옵션 그룹 사전 설정 및 고급 장치)을 구현했으며 다가오는 세 가지 기능 에서 상당한 진전을 이루었습니다.

버그 수정 및 개선

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

1. 향상된 속도 및 클릭 피드백 : 시각적 빌더의 모든 것이 더 빠르게 느껴집니다! 왜? 우리는 대부분의 상호 작용을 위해 마우스를 위로 대신 마우스를 사용하는 것으로 전환했기 때문입니다. 이제 마우스를 클릭하자마자 상황이 반응합니다. 대단해! 접근성의 이유로 버튼은 여전히 ​​마우스를 사용합니다.
2. 값을 검증하기 위해 ENTER를 누르면 필드 및 유효성 검사 장치의 시간을 연장하고 Enter를 누르거나 필드를 초월하지 않을 때 인스턴트 유효성 검사를 구현했습니다. 검증을 기다릴 필요가 없으며 천천히 입력 할 때 자주 자동 검증을받지 않습니다.
3. 사전 설정 캐시 지우기 : 사전 설정 및 전역 색상을 저장할 때 전체 웹 사이트 캐시가 올바르게 지워지지 않았습니다. 이것은 고정되었습니다.
4. Google Fonts가 사라지는 것 : 이상하고 성가신 버그로 인해 Google Fonts가 프론트 엔드에서 Dequeue를 일으켰습니다. 더 이상 일어나지 않을 것입니다.
5. Triple Checking Security : 우리는 지난 몇 년 동안 Divi 4 보안 수정을 검토하여 Divi 5에서 비슷한 실수를하지 않았는 다음 보안 검토를 수행했습니다. 우리는 그 영역에서 몇 가지 사소한 문제와 보안을 강화했습니다.
6. Field Icon Overhal : 설정 패널에서 필드 위에 호버링 할 때 나타나는 아이콘을 다시 디자인했습니다. 동적 컨텐츠 및 AI 아이콘과 같은 이전에 인라인 아이콘이 필드 위로 이동했습니다. 모든 아이콘은 더 작고 오른쪽에 정렬되어 클릭하기가 더 쉽습니다.

기능 진행

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

1. 팀원 : 이 팀은 버그를 수정하고 Divi Marketplace 제작자에게 모듈 변환을 지원합니다.
2. 팀 2 : 이 팀은 Divi 5의 최종 기능인 WOO 모듈에서 작업하고 있습니다.
3. 팀 3 : 이 팀은 초점을 바꾸 었으며 이제 Divi 5 베타를 준비하기 위해 Divi 4 모듈과의 역 호환성을 향상시키고 있습니다.
4. 팀 4 : 이 팀은 이전에 발표되지 않은 기능인 Divi 용 새로운 Flexbox 레이아웃 시스템을 연구하고 있습니다. 곧 엿보기를 계속 지켜봐주십시오!
5. 팀 5 : 이 팀은 중첩 행을 작업하고 있으며, 이번 주에 몰래 엿볼 수있었습니다.
6. 팀 6 : 이 팀은 거의 완료된 Divi Design 변수를 연구하고 있습니다.

공개 알파 버전 9 이후 우리가했던 진전은 다음과 같습니다.

옵션 그룹 사전 설정

우리는이 기능을 완성하고 Divi 5 Public Alpha 9.3에서 출시했습니다. Divi 5를 다운로드하고 오늘 옵션 그룹 사전 설정을 시도 할 수 있습니다.

옵션 그룹 사전 설정은 웹 사이트의 기본 요소를 스타일링하고 고급 설계 시스템을 만들기 위해 모든 디비 모듈에 결합하여 적용 할 수있는 공유 스타일입니다. 그것은 절대적인 게임 체인저입니다. 개념이 클릭되면 돌아 가지 않아도됩니다.

고급 장치

우리는이 기능을 완성하고 Divi 5 Public Alpha 10.1에서 출시했습니다. Divi 5를 다운로드하고 오늘 고급 유닛을 시도 할 수 있습니다.

Divi는 이제 Unset 및 Fit-Content와 같은 단위리스 값을 포함한 모든 CSS 단위와 Clamp () 및 calc ()과 같은 기능을 지원하여 유체 타이포그래피가 그 어느 때보 다 쉽게 반응 형 디자인을 만듭니다.

또한 CSS 변수를 정의하고 디자인 전체에서 참조 할 수도 있습니다.

Divi Design 변수

우리는 90%가 Divi Design 변수로 끝났고 다음 주에 출시하기를 희망합니다! 새로운 기능을 설명 할 때“게임 체인저”라는 문구가 자주 발생하는 것을들을 수 있지만, 이것은 진정으로 레이블을받을 자격이 있습니다.

Divi의 새로운 방향으로 대담한 단계이며 Divi 5의 디자인 시스템의 필수 부분으로, 우리는 고급 웹 디자이너의 요구를 충족시키기 위해 구축하고 있습니다.

중첩 행

또 다른 놀라운 기능입니다. 이번 주 초, 나는 중첩 행을 엿볼 수있었습니다. 줄의 줄! 간단한 아이디어이지만 Divi 5를위한보다 유연한 레이아웃 시스템을 만드는 데 중요한 첫 단계입니다.

곧 행 내부에 행을 추가하여 새 레이아웃 구조를 잠금 해제 할 수 있습니다.

Flexbox 레이아웃

또 다른 놀라운 기능입니다. 나는 아직이 엿보기를 아직 엿볼 수 없었지만 여기에 약간 엿볼 수 있습니다.

우리는 Divi의 레이아웃 시스템을 완전히 점검하여 Flexbox를 사용하고, 많은 새로운 행 구조를 구현하고, 모듈, 행 및 섹션에 대한 Flexbox 컨트롤을 표면화하고 있습니다. Flexbox와 중첩 행으로 태양 아래에서 모든 레이아웃을 만들 수 있습니다. 또한 열 랩핑, 컨텐츠 수직 정렬, 반응 형 열 분석 등을 제어 할 수 있습니다.

이 대규모 업데이트에는 시간이 걸리지 만 기다릴만한 가치가 있습니다.

WooCommerce 모듈

외부에서 Woo 모듈의 진보는 존재하지 않는 것으로 보입니다. 우리는 Woo 블록을 조사하고 Divi 4 모듈을 Divi 5로 변환하는 데 걸리는 시간을 크게 줄이기 위해 새로운 CLI 도구를 만들었 기 때문입니다.

약간의 투자는 장기적으로 큰 시간을 지불 할 것입니다.

좋은 소식은 이번 주에 모듈 변환 도구를 완료했다는 것입니다! 이 도구는 지루한 모듈 변환 작업의 80%를 자동화합니다. 이 도구를 사용하여 향후 몇 달 동안 20 개 이상의 우우 모듈을 모두 변환하여 중간 DIVI 5 베타 릴리스의 단계를 설정하기를 희망합니다.

그 동안, 우리는 Divi 5를 계속 발전시키고 공격적인 개선으로 입양을 장려합니다. 표준 WooCommerce 템플릿 및 블록을 사용하여 WooCommerce 웹 사이트에서도 Divi 5를 사용할 수 있다는 것을 잊지 마십시오.

changelog

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

• 글로벌 색상이 포함 된 그라디언트가있는 버그가 Divi 5로 올바르게 마이그레이션되지 않았습니다.
• 갤러리 모듈에서는 이미지 수 옵션이 작동하지 않습니다.
• 일반 색상이 올바르게 적용되는 동안 글로벌 색상 값을 페이지 설정에 저장/적용 할 수없는 문제를 수정했습니다.
• 일부 사전 설정 레이블에 대한 고정 국제화.
• 자동 생성 모듈 설정의 맵 필드에 콜백을 사용하기 위해 업데이트 된 맵 및 맵 핀 모듈.
• 뷰포트를 입력 할 때 숫자 카운터 모듈 애니메이션이 페이지로드에서 트리거 된 문제를 수정했습니다.
• 빌더의 UI와 상호 작용할 때 성능 향상.
• 모듈 설정에서 제목 제목 레벨을 변경할 때 아코디언 항목의 열린 제목 텍스트 색상이 기본값으로 재설정되는 문제를 수정했습니다.
• 동적 컨텐츠를 사용했을 때 아이콘이 수직 중앙에 있지 않은 문제를 수정했습니다.
• 슬라이더 및 아코디언 모듈의 제목 레벨은 모듈 사전 설정 및 옵션 그룹 사전 설정에 대해 고정되어 있습니다.
• 위치로 설정할 때 분배기 모듈이 표시되지 않는 문제를 수정했습니다 : 절대.
• 고정 된 끈적 끈적한 배경 색상은 시각적 빌더와 프론트 엔드의 행에 올바르게 적용되지 않았습니다.
• 생성 된 문서 색인 및 인트로 페이지를 업데이트했습니다.
• 설정 패널에서 제목 레벨을 변경하여 슬라이더 모듈 Reinit 문제를 수정했습니다.
• 색상 분위기를 어두워지면서 확장 된 아이콘 색상 가시성 문제를 수정했습니다.
• 불완전한 수학 기능 규칙을 수락하도록 입력 검증을 업데이트했습니다.
• 장치 피커에 대한 업데이트 된 수학 기능 검증은 이제 수학 기능 값에서 중첩 괄호를 처리 할 수 ​​있습니다.
• 설명서에서 추가 '문서'를 제거하고 모든 링크를 업데이트합니다.
• 현재 스타일에서 사전 설정을 만들 때 옵션 그룹 사전 설정 편집 모드가 조기에 닫히는 문제를 수정했습니다.
• 모듈 사전 설정에 의해 옵션 그룹 사전 설정 값이 잘못 상속 된 문제를 수정했습니다.
• 고정 된 문제 : 회전을 변경하고 스피너, 드래그 및 증가 버튼으로 변환 값을 변경할 때마다 장치가 항상 DEG로 재설정됩니다.
• 사용자 정의 옵션 그룹 사전 설정을 기반으로 한 기본 사전 설정이 초기 모듈 추가시 Visual Builder에 올바르게 적용되지 않은 문제를 수정했습니다.
• 고정 구배 길이 단위는 정의되지 않은 것으로 나타났습니다.
• 지원되지 않은 유닛 (CH, EX, CM, MM, Inch, PT, PC, Calc (), Min (), Clamp (), CSSVAR, Inherit, Unset)를 제거하여 유효하지 않은 선택을 방지합니다.
• FullScreen을 활성화 할 때 Fullwidth 헤더 모듈의 Firefox 브라우저 오류 문제를 수정했습니다.
• 유효하지 않은 변환을 방지하기 위해 변환 OG 장치 피커에서 유효하지 않은 단위 옵션 (Unset, 상속, 없음, 클램프)을 제거했습니다.
• DefaultValue가 범주 적으로 키워드 Value 일 때 자리 표시자를 비워 지도록 설정하고 장치가 비 키워드 값 단위로 변경됩니다.
• 수학 기능에서 잘못된 유닛을 사용하면 오류 메시지 표시됩니다.
• 제목 텍스트 옵션 그룹 사전 설정이 아코디언 항목에 대한 올바른 제목 레벨을 적용하지 않은 문제를 수정했습니다.
• 취소 버튼을 클릭하면 아무런 효과가 없기 때문에 TB에서 글로벌 컬러 편집을 취소 할 수없는 문제를 수정했습니다.
• 큰 페이지를 가져온 후 Temp JSON 파일이 삭제되는 것을 방지하는 문제를 수정했습니다.
• 모듈 사전 설정, 옵션 그룹 사전 설정, 글로벌 색상 및 글꼴로 변경 한 후 모든 캐시를 적절하게 정리하여 모든 캐시를 적용 할 수 있도록 모든 해당 페이지에서 적용 할 수 있습니다.
• 라인 높이가 유닛 피커에서 증가하거나 감소 할 때 장치 레이블이 변경되는 문제를 수정했습니다.
• Divi 서브 모듈에서 실험 기능을 관리하고 토글하기위한 동적 기능 플래그 시스템을 도입했습니다.
• 유지 관리 가능성과 단순성을 위해 레거시 기능 플래그와 관련 코드를 제거했습니다.
• 현재 값이 수학 함수 또는 CSS 변수 일 때 화살표를 위 / 아래로 눌러 범위 필드의 증분을 비활성화하십시오.
• 기본 속성, 기본 인쇄 스타일 속성 및 모듈 구성에 정의 된 자리 표시 자 콘텐츠를 필터하기 위해 새 후크를 소개합니다.
• 새 색상 추가 버튼을 클릭 할 때 열리지 않는 컬러 피커의 회귀를 수정했습니다.
• 모든 CSS 단위, 기능 및 변수에 대한 지원을 포함하여 고급 장치가 도입되었습니다.
• 레이아웃을 내보낼 때 사전 설정에 사용 된 글로벌 색상이 내보내지 않고 레이아웃을 가져올 때 가져올 수없는 버그를 수정했습니다.
• Inline Google Fonts 캐싱 메커니즘이 Divi 5에서 버그를 수정했습니다.
• 모션 효과가 BAR 카운터 모듈에 적용되지 않은 문제를 수정했습니다.
• 사용자 정의 가능한 브레이크 포인트의 문제를 입력하는 동안 너무 빨리 재설정되어 사용자가 매우 빠르게 입력해야합니다.
• 기본 옵션 그룹 사전 설정을 할당하면 편집 모드가 활성화되지 않습니다.
• 레이아웃에 5 개의 단축 코드 모듈이있는 경우 가져 오기가 작동하지 않는 버그가 수정되었습니다.
• 우리는 @divi로 상대 URL을 업데이트하여 Visual Builder 바로 가기에서 패키지를 가져와야합니다.
• 장치 피커의 고정 스위칭 장치는 필드 값을 자동으로 0으로 설정하여 요소가 예기치 않게 사라집니다.
• 사용자 정의 제목 태그에서 보안 문제를 수정했습니다.
• Calc Unit Picker의 장치 피커 오류 메시지를 수정했습니다.
• 모듈 설정 필드 버튼을 새 위치로 이동했습니다.
• 아동 요소 수준에서 색상을 변경하는 동안 아코디언 모듈 토글 배경 색 문제를 수정했습니다.
• 새 슬라이드를 추가하면서 슬라이더가 빈 화면이 필요한 문제를 수정했습니다.
• 특수 섹션의 왼쪽 여백 값을 설정하는 동안 내부 모듈 정렬 문제를 수정했습니다.
• 구성 요소의 일부 필드에 필드 레이블이 표시되지 않는 문제를 수정했습니다.
• 텍스트 색상을 Lite로 설정하는 동안 Blurb 모듈 제목 색상 문제를 수정했습니다.
• 연락처 양식의 모듈 설정에 추가 된 쉼표로 분리 된 여러 이메일로 전자 메일이 나오지 않는 문제가 해결되었습니다.
• Enqueue Google Maps 스크립트 옵션이 테마 옵션에서 비활성화 된 경우 맵 모듈로 버그를 수정했습니다.
• Divi 5를 다운로드하고 Discord에 가입하기위한 문서, 새로운 인덱스 페이지 스타일 및 새로운 CTA를 업데이트했습니다.
• 구식 정보로 수동 문서를 업데이트하고 새로운 다운로드 링크를 추가했습니다.
• 도입 된 옵션 그룹 사전 설정.
• 온 보딩 워크 플로에서 사전 제작 된 팩을로드하면서 성능이 향상되었습니다.
• 구현 된 라이브러리 항목 클라우드 앱에서 휴대 성이있는 시스템 가져 오기 시스템.
• 중첩 된 모듈 옵션 그룹에서/To To 중첩 모듈 옵션 그룹에서 복사/붙여 넣기.
• 스크롤 설정 그룹의 필드의 우선 순위 순서를 수정하여 다양한 모듈에서 '스크롤'하기 전에 '스티커'가 나타나는지 확인하십시오.
• 동일한 카테고리 게시물을 사용하여 포스트 내비게이션 모듈의 잘못된 게시물 링크를 수정했습니다.
• Fullwidth 맵 모듈의 자동 생성 모듈 설정에 사용자 정의 콜백이 추가되었습니다.
• 사용되지 않은 파일을 제거하여 가독성이 향상되었습니다.
• 첫 번째 탭 항목에 조건이 설정되어 False를 반환 할 때 탭 모듈이 올바르게 표시되지 않은 문제를 수정했습니다.
• 위치 절대에 대한 디자인 탭에서 너비/max width가 작동하지 않는 문제를 수정했습니다.
• 슬라이드 모듈이 슬라이더 모듈에서 설정된 전환을 상속하지 않은 문제를 수정했습니다.
• 모달 비디오를 돕기 위해 모든 모듈을 업데이트했습니다.
• 옵션 그룹 사전 설정에서 복합 그룹 취급에 대한 기본 지원이 추가되었습니다.
• refactored agms는 각 모듈 index.ts 파일에서 그룹/필드에 사용자 정의 콜백을 할당 할 수 있도록합니다.
• 분배기 모듈의 오른쪽 및 왼쪽 패딩과 관련된 경고를 수정했습니다.
• Fullwidth 슬라이더 모듈에서 배경 및 텍스트 오버레이 설정에 호버 상태 옵션을 잘못 사용할 수있는 문제를 수정했습니다.
• 필터링되지 않은 _html 기능이없는 사용자가 클래식 편집기를 통해 ENABLE_HTML 동적 콘텐츠 플래그를 설정할 수있는 보안 문제를 수정합니다.
• Google 글꼴 검색이 검색 쿼리를 기반으로 결과를 필터링하는 대신 모든 글꼴을 표시 한 문제를 수정했습니다.
• 아코디언 항목 모듈의 옵션 그룹 사전 설정에서 복합 그룹 처리에 대한 기본 지원이 추가되었습니다.
• 아코디언 모듈의 옵션 그룹 사전 설정에서 복합 그룹 처리에 대한 기본 지원이 추가되었습니다.
• 블로그 모듈의 옵션 그룹 사전 설정에서 복합 그룹 처리에 대한 기본 지원이 추가되었습니다.
• Countdowntimer 모듈의 옵션 그룹 사전 설정에서 복합 그룹 처리에 대한 기본 지원이 추가되었습니다.
• 분배기 모듈의 옵션 그룹 사전 설정에서 복합 그룹 취급에 대한 기본 지원이 추가되었습니다.
• FilterablePortfolio 모듈의 옵션 그룹 사전 설정에서 복합 그룹 처리에 대한 기본 지원이 추가되었습니다.
• 전폭 메뉴 모듈에서 옵션 그룹 사전 설정에서 복합 그룹 처리에 대한 기본 지원이 추가되었습니다.
• 옵션 그룹 취급에 대한 기본 지원이 추가되었습니다. 옵션 그룹 사전 설정에서 Fullwidth Post-Slider 모듈에서 기본적으로 지원했습니다.
• 제목 모듈의 옵션 그룹 사전 설정에서 복합 그룹 취급에 대한 기본 지원이 추가되었습니다.
• 메뉴 모듈의 옵션 그룹 사전 설정에서 복합 그룹 처리에 대한 기본 지원이 추가되었습니다.
• 옵션 그룹 처리에 대한 기본 지원이 추가되었습니다.
• 가격 책정 테이블 모듈의 옵션 그룹 사전 설정에서 복합 그룹 처리에 대한 기본 지원이 추가되었습니다.
• 검색 모듈의 옵션 그룹 사전 설정에서 복합 그룹 처리에 대한 기본 지원이 추가되었습니다.
• 섹션 모듈의 옵션 그룹 사전 설정에서 복합 그룹 처리에 대한 기본 지원이 추가되었습니다.
• SignupCustomfield 모듈에서 옵션 그룹 사전 설정에서 복합 그룹 처리에 대한 기본 지원이 추가되었습니다.
• 슬라이드 모듈의 옵션 그룹 사전 설정에서 복합 그룹 처리에 대한 기본 지원이 추가되었습니다.
• 회원체 모듈의 옵션 그룹 사전 설정에서 복합 그룹 취급에 대한 기본 지원이 추가되었습니다.
• 토글 모듈의 옵션 그룹 사전 설정에서 복합 그룹 처리에 대한 기본 지원이 추가되었습니다.
• 내부 열 모듈의 ET_Clickable 클래스 누락 문제를 수정하여 설정에서 링크 값을 설정할 때 모듈을 클릭 할 수 없습니다.
• "자리 표시 자 컨텐츠 추가"및 "동적 모듈 변환"페이지에서 코드 예제를 업데이트하여 모듈 로티 틸 패키지에서 자리 표시기 콘텐츠 유틸리티 기능을 가져옵니다.
• 자리 표시기 콘텐츠 유틸리티 기능을 가져 오기 위해 패키지를 업데이트 할 때 치명적인 오류로 인해 고정 된 예제 모듈이로드되지 않습니다.
• 오디오 모듈에서 보안 문제를 수정했습니다.
• 다수의 속성 이름이 비슷한 접미사를 가진 복합 그룹이 일치하지 않는 속성 선택을 초래하는 문제를 수정했습니다.
• 백그라운드 구성 요소에서 보안 문제를 수정했습니다.
• 카테고리 페이지 및 검색 결과 페이지와 같은 인덱스 페이지에서 제대로 작동하지 않는 고정 헤더 및 바닥 글 스타일이 올바르게 작동하지 않습니다.
• 시각적 빌더가 단축 코드 모듈이 포함 된 페이지에로드하지 못하게하는 문제를 수정했습니다.

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

Divi 5 Public Alpha는 오늘 이용할 수 있습니다. Divi 5의 원래 다중 단계 릴리스 일정에 요약 된 바와 같이, Divi 5 Public Alpha는 "Divi 5 Lite"와 같습니다. 몇 가지 기능이없고 기존 웹 사이트에 적합하지 않을 수 있지만 Divi 4의 경험을 선호하는 경우 새 웹 사이트에서 사용할 준비가되었습니다. 시도해보십시오. 여러분의 생각을 알려주십시오!

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

2 주마다 새로운 Divi 5 버전을 계속 지켜봐주십시오. 여기에서 Divi 5는 알파, 베타 및 그 너머를 통해 정기적으로 개선됩니다.