Divi 5 공개 알파 버전 7: 새로운 기능 진행!

Divi 5 Public Alpha를 테스트할 수 있습니다. Divi 5를 사용하는 경우 오늘 Public Alpha 버전 7 에 대한 업데이트 알림을 받게 됩니다. 우리는 2주마다 새로운 Divi 5 버전을 출시하며, 매번 더 좋아지고 있습니다! 아직 Divi 5를 테스트해 보지 않으셨다면, 사용해 보시고 의견을 알려주세요.

공개 알파 7의 새로운 기능은 무엇입니까?

이 새로운 Divi 5 버전에는 38개의 버그 수정 사항 과 향후 4가지 기능 에 대한 상당한 진전이 포함되어 있습니다. 우리는 이러한 기능을 완료할 때까지 기능 플래그 뒤에 숨기고 정기적으로 엄격한 테스트를 거친 부분을 핵심 제품에 병합합니다. 각 업데이트를 통해 우리는 각각의 새로운 기능을 출시하기 위한 실질적인 진전을 이루고 있습니다.

Divi의 기초를 다시 작성하는 작업이 완료되었습니다. 우리는 버그를 통제하고 있습니다. 이제부터 기능에 대해 본격적으로 살펴보겠습니다!

뛰어난 버그 수정 및 개선 사항

이번 릴리스에 포함된 38가지 버그 수정 및 개선 사항 중 눈에 띄는 몇 가지 사항은 다음과 같습니다.

새로운 종료 버튼 및 단축키

이것은 단순한 삶의 질 향상입니다. 이제 Visual Builder의 종료 버튼에 다양한 종료 지점을 선택할 수 있는 드롭다운 메뉴가 있습니다. WordPress 게시물 편집기로 돌아가거나 프런트 엔드에서 페이지를 보거나 WordPress 대시보드로 돌아갈 수 있습니다. 메뉴에 표시된 키보드 단축키를 통해 이러한 영역 중 하나로 나갈 수 있습니다.

성능 향상

이 버전은 WooCommerce와 함께 Divi를 사용할 때 성능을 크게 향상시킵니다. WooCommerce가 설치되어 있으면 Visual Builder 로딩이 이전보다 훨씬 빨라진 것을 알 수 있습니다. 일반 Visual Builder 로드 시간도 개선되어 평균 로드 시간이 200~300ms 단축되었습니다. 우리는 성능에 관해 장난을 치는 것이 아닙니다! 우리는 계속해서 Divi를 더 빠르게 만들 예정입니다.

기능 진행

4개 팀이 사용자 정의 가능한 중단점, 옵션 그룹 사전 설정, Divi AI 통합 및 WooCommerce 모듈이라는 4가지 기능을 개발하고 있습니다. 우리는 최근 발표된 기능 교환의 일환으로 기존 Divi 4 기능과 Divi 5에 추가된 새로운 기능 사이에 시간을 균등하게 분배하고 있습니다. 다섯 번째 팀은 개선된 개발 문서 및 기타 개선 사항을 통해 버그를 해결하고 Divi Marketplace의 제작자를 지원하고 있습니다. 곧 여섯 번째 팀이 합류할 예정입니다.

우리는 일을 강화하고 있으며 앞으로 몇 달 동안 환상적인 진전을 이룰 계획입니다.

Flexbox 기반의 새로운 그리드 시스템과 같이 요청이 많은 기능, 빌더의 편집 가능한 머리글 및 바닥글 영역과 같은 Divi 5 기능 누락, Divi의 미래에 필수적이라고 생각하는 고급 기능 등 다른 기능도 포함되어 있습니다. 웹사이트 디자인 시스템.

지금까지 우리가 이룬 진전은 다음과 같습니다.

사용자 정의 가능한 중단점

이 기능은 대략 80% 정도 완료되었습니다. Public Alpha 8이나 9로 출시할 가능성이 높습니다. 우리는 단 몇 주 만에 환상적인 진전을 이루었습니다.

곧 Divi 5에는 3개가 아닌 7개의 사전 정의된 중단점이 제공될 예정입니다. 각 중단점을 켜거나 끄고 각 너비를 사용자 정의할 수 있으므로 모든 장치에서 디자인을 완벽하게 제어할 수 있습니다. 7개의 사용자 정의 가능한 중단점만으로는 충분하지 않은 경우 더 많은 기능을 추가할 수 있도록 하여 이 기능을 후속 조치로 제공할 것입니다.

완료될 때까지 기능 플래그 뒤에 사용자 정의 가능한 중단점을 숨기고 있는데, 이는 아직 Divi 5 인터페이스에 표시되지 않음을 의미합니다.

Divi AI 통합

이 기능은 기본적으로 완료되었습니다. 레이아웃, 텍스트, 이미지 및 코드 생성을 포함하여 Divi AI의 모든 측면이 Divi 5에 통합되었습니다. 몇 가지 버그를 수정한 후 Public Alpha 8에서 이 기능을 출시할 예정입니다.

Divi AI는 완료될 때까지 기능 플래그 뒤에 숨겨져 있습니다. 즉, Divi 5 인터페이스에는 아직 표시되지 않습니다.

옵션 그룹 사전 설정

놀라운 기능이네요! 3월 초 출시 예정인 이 작업은 약 50% 정도 완료되었습니다. 옵션 그룹 사전 설정은 모듈 사전 설정의 확장이며 모듈 사전 설정 위에 레이어링하여 모든 모듈 유형에 걸쳐 사용할 수 있습니다.

예를 들어 웹 사이트 전체에서 사용하는 공유 배경, 테두리, 상자 그림자 또는 글꼴 스타일이 있는 경우 이를 사전 설정으로 설정할 수 있습니다. 웹 사이트 전체의 여러 요소에 미리 설정된 옵션을 적용하여 역동적인 디자인 시스템을 만드세요.

Divi는 WordPress의 가장 발전되고 유연한 디자인 시스템이 될 것이며 사전 설정은 시작에 불과합니다.

옵션 그룹 사전 설정은 완료될 때까지 기능 플래그 뒤에 숨겨져 있습니다. 이는 아직 Divi 5 인터페이스에 표시되지 않음을 의미합니다.

WooCommerce 모듈

우리는 아직 WooCommerce 모듈을 계획하는 단계에 있습니다. 우리 모듈이 WooCommerce의 블록 전환과 호환되는지 확인하기 위해 최적의 경로를 평가하고 있으며, 또 다른 ~20개의 모듈을 도입하기 전에 완성된 모듈 컬렉션을 완료해야 하는 몇 가지 관리 작업이 있습니다.

WooCommerce 모듈을 하나씩 출시할 계획입니다. 그동안 Divi 5에서는 Divi 4의 기존 WooCommerce 모듈을 계속 사용할 수 있습니다.

변경 내역

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

• 여러 종료 옵션을 허용하기 위해 종료 버튼에 드롭다운 메뉴가 추가되었습니다.
• 고정 헤더가 태블릿 및 휴대폰 장치의 고정된 섹션과 겹칠 수 있는 경우 높이 오프셋의 과도한 수정이 수정되었습니다.
• 작동하지 않는 이미지 모듈 내부의 showBottomSpace 옵션을 수정했습니다.
• 스타일 및 해당 전환을 출력하기 위해 고급 스타일에 ImageSizing 및 ImageSpacing 구성 요소에 대한 지원이 추가되었습니다.
• 데스크탑 및 마우스 오버 시 비디오 모듈 재생 버튼 전환 문제가 해결되었습니다.
• 전체 너비 코드 모듈에 대한 자동 생성 모듈 설정을 구현했습니다.
• 자동 생성된 모듈 설정을 사용하도록 토글 모듈을 업데이트했습니다.
• WooCommerce와 함께 사용할 때 Divi의 속도와 효율성을 크게 향상시키는 WooCommerce 기반 속도 문제를 수정했습니다.
• 효율성 향상을 위해 종속성 검사기가 향상되었습니다.
• 이전 버전과의 호환성 모드에서 단축 코드 콘텐츠의 프런트엔드 렌더링 시 이전에 경험했던 느린 로딩 시간에 대한 강력한 솔루션을 제공했습니다.
• Divi 라이브러리의 사전 설정을 사용하여 라이브러리 항목 내보내기를 수정했습니다.
• 설정 저장소의 중앙 집중식 REST API 루트 URL 처리가 개선되어 네트워크 요청이 줄어들고 논리가 단순화되었습니다.
• REST API 관련 모의를 업데이트하여 테스트 격리 및 안정성이 향상되었습니다.
• 프런트 엔드에서 렌더링될 때 블로그 모듈에서 사용자 정의 CSS 필드가 작동하지 않는 문제를 수정했습니다.
• 범위 슬라이더 로컬 단계 문제를 해결했습니다.
• 경우에 따라 확인란 재설정이 작동하지 않는 문제가 해결되었습니다.
• px, em, rem, vh, vw 등과 같은 단위를 허용하는 변환 배율, 배경 이미지 및 배경 패턴 옵션에 새로운 CSS 단위를 추가했습니다.
• 모듈 래퍼 후크를 사용하여 모듈 출력을 수정하는 방법을 설명하는 "모듈 출력 수정"이라는 새 튜토리얼 페이지를 도입했습니다.
• "후크를 통해 사용자 정의 모듈 설정 추가" 튜토리얼 시리즈의 이름이 "모듈 설정 및 출력 사용자 정의"로 변경되었습니다.
• 사용자 정의 중단점을 위한 UI 구성요소를 추가합니다. 아직 최종 사용자에게는 표시되지 않습니다.
• 렌더링 요소 및 스타일과 같은 향후 튜토리얼을 연결하기 위한 테스트 사례로 오디오 모듈을 사용하도록 "사용자 정의 옵션 그룹 추가" 및 "사용자 정의 옵션 필드 추가" 튜토리얼 시리즈를 업데이트했습니다.
• 상위 수준 값이 사용되는 동안 가격표 모듈 제목 태그가 작동하지 않는 문제를 수정했습니다.
• 중첩된 JSON과 같은 구조를 지원하도록 정규식을 업데이트하여 동적 데이터 처리를 수정했습니다.
• 페이지 설정 확장 및 간단한 빠른 모듈 만들기 튜토리얼에서 스크립트를 대기열에 추가하는 방법을 업데이트했습니다.
• 더 작은 중단점에 대해서는 데스크탑 수준에서 정의된 시차 이미지가 나타나지 않는 문제를 수정했습니다.
• 슬라이더 모듈에서 비디오 파일을 업로드하는 동안 미디어 업로더 버튼 이름을 수정했습니다.
• 의도하지 않은 웹사이트의 배경색을 표시하는 와이어프레임을 수정했습니다.
• 기본값이 작동하지 않는 CheckboxesContainer 구성요소를 수정했습니다.
• 아이콘 색상 설정 설명의 오타를 수정했습니다.
• 옵션 그룹 사전 설정을 기본값으로 설정하기 위해 AssignGroupPresetToDefault 저장 작업을 추가했습니다.
• 테마 빌더 도움말 모달 유형을 수정했습니다.
• 새 저장소를 참조하기 위해 설명서의 "Divi 4 모듈을 Divi 5로 변환" 섹션의 소개 페이지를 업데이트했습니다.
• "Divi 4 모듈을 Divi 5로 변환" 섹션의 튜토리얼 페이지에 경고 섹션을 추가하여 해당 튜토리얼이 오래되었으며 현재 업데이트 중임을 나타냅니다.
• 현재 스타일의 사전 설정 업데이트를 처리하기 위해 updateOptionGroupPresetWithCurrentStyles 저장 작업을 추가했습니다.
• 사전 설정 삭제 메커니즘을 처리하기 위해 deleteOptionGroupPreset 저장 작업을 추가했습니다.
• 복제 사전 설정 메커니즘을 처리하기 위해 cloneOptionGroupPreset 저장 작업을 추가했습니다.
• 자리 표시자 콘텐츠 추가 튜토리얼 페이지에 대한 오래된 미리보기를 업데이트하고 문법 오류를 수정했습니다.
• Dynamic Divi 4 모듈 생성 튜토리얼에 대한 오래된 정보 및 미리보기가 업데이트되었습니다.
• 사용자 정의 가능한 중단점에 대한 시각적 빌더 앱 프레임 메커니즘이 업데이트되었습니다.
• 제목 제목 수준이 h6으로 설정된 경우 제목 텍스트에 스타일이 적용되지 않는 가격표의 문제를 수정했습니다.
• 이미지 모듈에서 높이 전환이 작동하지 않는 문제가 해결되었습니다.
• 그리드 레이아웃을 사용할 때 블로그 모듈의 "자세히 보기" 텍스트 정렬 문제를 수정했습니다.
• 조건 표시 옵션의 수동 사용자 정의 필드 토글 문제를 수정했습니다.
• 게시물 제목 편집기가 항상 올바른 날짜 대신 현재 날짜를 표시하는 테마 빌더 레이아웃의 문제를 수정했습니다.
• 깨진 TinyMCE 패널 닫기 아이콘이 수정되었습니다.
• 열 구조 변경으로 인해 설정 사이드바가 예기치 않게 풀리는 현상이 수정되었습니다.
• 현재 스타일의 사전 설정 업데이트를 처리하기 위해 addNewOptionGroupPreset 저장소 작업을 추가했습니다.
• 스타일 복사/붙여넣기가 가끔 작동하지 않는 클립보드 시스템 문제가 해결되었습니다.
• 그룹 UI에 할당된 그룹 프리셋을 표시하는 기능이 추가되었습니다.
• 현재 스타일에서 새 사전 설정을 추가하는 addNewOptionGroupPresetFromCurrentStyles 저장 작업을 추가했습니다.
• 비주얼 빌더에서 버튼 디자인을 선택할 때 버튼 디자인 옵션이 점프하는 현상을 수정했습니다.
• 호버 상태의 이미지 모듈 호버 아이콘 오버레이 문제를 수정했습니다.
• 옵션 그룹 사전 설정 처리를 지원하기 위해 전역 데이터 저장소 작업('divi/global-data').setDefaultPresetOnSave() 및 ('divi/global-data').unsetDefaultPresetOnSave()가 향상되었습니다.
• 옵션 그룹 사전 설정 이름을 업데이트하는 updateOptionGroupPresetName 저장소 작업을 추가했습니다.
• 포스트 슬라이더 및 전체 너비 포스트 슬라이더 모듈에 대한 포스트 수 기본값 문제가 수정되었습니다.
• '변경 취소'를 클릭한 후 사전 설정 변경 사항이 되돌려지지 않는 문제를 수정했습니다.
• 정의된 사전 설정을 사용하는 모듈에 대해 스타일이 두 번 인쇄되는 문제가 수정되었습니다.
• 옵션 그룹 사전 설정 속성을 처리하기 위해 editPresetAttribute 저장 작업이 추가되었습니다.
• 지도 모듈에서 지도 핀을 클릭할 때 툴팁이 오작동하는 오류를 수정했습니다.
• 마우스 오버 시 전체 너비 이미지 모듈 오버레이 옵션이 표시되지 않는 문제를 수정했습니다.
• 지정된 옵션 그룹에 대한 기본 사전 설정을 생성하는 기능을 처리하기 위해 ('divi/global-data').addDefaultOptionGroupPreset() 저장 작업을 추가했습니다.

지금 Divi 5에 뛰어드세요

이제 Divi 5를 테스트하고 버그를 보고할 시간입니다. 우리는 귀하가 발견한 문제를 해결하기 위해 계속해서 적극적으로 노력할 것입니다. 또한 빠른 구축 경험, 크게 향상된 프런트엔드 성능, 현대적이고 새로운 인터페이스를 즐길 수 있습니다!

지금까지의 의견을 알려주시고 2주마다 새로운 Divi 5 버전이 나올 때까지 지켜봐 주시기 바랍니다. 이제부터 Divi 5는 알파, 베타 및 그 이상을 통해 정기적으로 개선될 것입니다.