Divi 5 개발 베타 발표

저는 또 다른 Divi 5 업데이트로 돌아왔습니다. 이번에는 Divi 5 베타 프로그램의 다음 단계인 Divi 5 Dev Beta의 출시를 발표하게 되어 기쁘게 생각합니다. Divi 5 기반이 완성되었고 개발 문서가 훌륭하게 작성되었으며 Dev Alpha 단계를 사용하여 피드백을 수집하고 Divi 5 API를 강화했습니다.

Dev Beta 출시와 함께 우리는 더 많은 개발자를 베타 프로그램에 초대하여 Divi 모듈을 공식 Divi 5 프레임워크로 전환하고 Divi 5 출시에 대비할 수 있는 새롭고 흥미로운 기능에 대해 작업할 수 있도록 할 것입니다.

한편, 우리 팀은 다음 단계인 첫 번째 공개 베타 단계인 Divi 5 Public Alpha를 진행하는 데 집중할 것입니다.

마지막 업데이트 이후 우리가 성취한 것

우리는 지난 6주 동안 Divi 5 API를 완성하고 180개 이상의 버그를 해결하는 등 많은 작업을 수행했습니다. 이번 달 업데이트가 조금 늦었지만 Divi 5 Dev Beta를 마무리하고 다음 단계로 진행하기 전에 가능한 한 많은 버그를 정리하고 싶었습니다. 핵심 내용에 관심이 있다면 전체 변경 내역은 다음과 같습니다.

변경 로그 항목:

• 소품을 리팩터링하고 끈끈한 반응형 호버 소품을 기능 소품으로 옮겼습니다.
• D4에서 레이아웃으로 가져온 카테고리가 포함된 고정 포트폴리오 모듈입니다.
• 포트폴리오 모듈 크기 조정 옵션이 올바르게 작동하지 않는 문제가 수정되었습니다.
• 추천 이미지가 설정되지 않은 경우 포트폴리오 모듈 FE 경고가 수정되었습니다.
• 모듈 변환 튜토리얼이 업데이트되었습니다.
• 로그인 모듈 내부 버튼에 스타일이 적용되지 않는 문제를 수정했습니다.
• 프런트 엔드의 Blurb 모듈 텍스트 정렬 문제를 수정했습니다.
• 전체 너비 이미지 모듈의 프런트엔드에 아이콘이 표시되지 않는 문제를 수정했습니다.
• 레이아웃을 저장하는 데 라이브러리에 추가 모달의 레이아웃 이름 필드가 필요하지 않은 문제를 수정했습니다.
• 탭 모듈 테두리 오버플로 문제가 수정되었습니다.
• 사용자가 px 이외의 Border Radius 단위를 사용할 수 없는 문제를 해결합니다.
• 코드베이스 전체에서 인라인 JSDoc을 업데이트했습니다.
• 후크 및 과도에 대한 새로운 D5 명명 규칙을 사용하도록 후크 및 과도의 이름이 변경되었습니다.
• 그라데이션 활성화 값을 기반으로 렌더링하도록 배경 스타일 선언을 업데이트했습니다.
• 값을 상속하고 이에 따라 미리보기를 렌더링하도록 그라데이션 필드 컨테이너/구성요소를 업데이트했습니다.
• 버튼의 호버 배경색이 빌더 또는 프런트엔드에 표시되지 않는 버그를 수정했습니다.
• 태블릿 및 휴대폰 보기의 배경 그라데이션은 이제 자체적으로 지정되지 않은 경우 "방향" 값을 상속합니다.
• 요소 스타일을 사용하여 전환 스타일을 최적화하고 리팩터링하여 상위 기능의 글꼴 및 텍스트 그림자 CSS 속성을 고유한 메서드로 추상화했습니다.
• 기본적으로 모듈 속성에 전환 옵션을 추가합니다.
• Visual-Builder 패키지용 CSS 파일을 생성하도록 webpack 구성을 업데이트했습니다.
• @font-face 항목에 대한 빌드 디렉터리에 글꼴 파일을 복사하도록 빌드 프로세스가 업데이트되었습니다.
• webpack 5를 사용하도록 Storybook을 업데이트했습니다.
• get_package_list, get_package_asset 및 enqueue_package_style PHP 함수를 추가했습니다.
• Visual-Builder 패키지용 JS가 대기열에 추가될 때 Visual-Builder 패키지용 CSS를 자동으로 대기열에 추가하도록 AssetsUtility를 리팩터링했습니다.
• FormatAttr<> 유형의 이름이 FormatBreakpointStateAttr<>로 변경되었습니다.
• 다양한 Divi 모듈의 ModuleElements 스타일 메소드를 구현합니다.
• 모든 모듈 간에 일관성을 유지하기 위해 module.design.filter의 이름을 module.design.filters로 변경했습니다.
• 이미 프런트엔드 렌더링이 있는 기존 모듈에 동적 콘텐츠를 구현했습니다.
• 내부 필드를 유연하게 수정할 수 있도록 구성 요소를 리팩터링합니다.
• 열 모듈 프런트엔드에 대한 누락된 et_pb_css_mix_blend_mode_passthrough 클래스를 수정했습니다.
• Regular 섹션의 VB 및 FE에 클래스 이름이 추가되지 않는 문제를 수정했습니다.
• Person 모듈의 반응형 콘텐츠 문제를 수정했습니다.
• 모든 업로드 파일 형식에 대해 업로드 미리보기가 표시되는 문제가 해결되었습니다.
• 프런트엔드에서 빈 페이지를 표시하는 프로젝트가 없는 포트폴리오 문제가 해결되었습니다.
• 고정 여백 왼쪽 및 오른쪽 옵션은 구분선 모듈의 정렬을 재정의합니다.
• 예상대로 작동하도록 행 모듈의 "열 높이 균등화" 설정을 수정했습니다.
• 막대 카운터 백분율 필드에 텍스트 값이 표시되지 않는 문제를 수정했습니다.
• 버튼 모듈의 잘못된 테두리 색상 및 텍스트 색상 기본값을 수정했습니다.
• 고정된 사용자 정의 패딩 값이 Row Inner에서 작동하지 않습니다.
• 반복 설정을 포함하도록 모듈 배경 이미지 CSS 선언을 업데이트했습니다.
• D4>D5 변환의 속성 맵에 배경 이미지 설정(높이, 너비, 수직 오프셋, 수평 오프셋)을 추가했습니다.
• 일부 경우 인라인 서식 있는 텍스트 편집기가 제대로 활성화되지 않는 버그를 수정했습니다.
• Blurb 모듈의 수정된 제목으로 인해 치명적인 오류가 발생하는 버그가 수정되었습니다.
• 탭 모듈의 제목이 인라인 텍스트 편집기에서 저장되지 않는 버그를 수정했습니다.
• 배경 비디오가 배경 색상이나 그라데이션 위에 나타나도록 원형 카운터 렌더링을 리팩터링했습니다.
• 텍스트 모듈의 배경색이 빌더와 프런트엔드 간에 출력이 다른 경우가 수정되었습니다.
• 가져오는 동안 섹션 배경 속성 변환과 관련된 문제가 수정되었습니다.
• Linux 및 Windows에서 저장을 위한 키보드 단축키가 수정되었습니다.
• 도움말 모달의 크기 조정 버튼 아이콘에 대한 애니메이션이 도킹 모드에서 수정되었습니다.
• "빌더 인터페이스 애니메이션"이 비활성화되면 도움말 모달의 애니메이션도 비활성화됩니다.
• 도킹된 모달의 크기를 조정할 때 비디오 목록 탐색이 사라지는 문제가 해결되었습니다.
• 모달 크기가 커질수록 늘어나는 도킹 해제 버튼과 닫기 버튼 사이의 잘못된 공간을 수정했습니다.
• 이제 도움말 모달의 크기 조정 버튼 아이콘이 도킹 모드 중앙에 위치합니다.
• 추천 모듈 VB에서 반응형 아이콘이 작동하지 않는 문제를 수정했습니다.
• 호버 상태 스타일 선택기의 차이점을 수정했습니다.
• 로그인 모듈의 반응형 콘텐츠 기능을 수정했습니다.
• 선택기에 의사 요소가 있는 경우 FE에서 호버 선택기를 수정합니다.
• D4와 동일하게 원형 카운터 모듈에서 기본 원형 배경 불투명도 값을 설정하는 문제를 수정했습니다.
• 선택기에 의사 요소가 있는 경우 VB의 호버 선택기를 수정했습니다.
• 여백 및 패딩 모듈의 잘못된 중요한 값을 수정했습니다.
• 오디오 모듈 프런트엔드에서 누락된 클래스 이름 문제를 수정했습니다.
• 추천 모듈 프런트엔드에서 아이콘이 제대로 렌더링되지 않는 문제를 수정했습니다.
• 하위 모듈을 복제할 때 발생하는 오류가 수정되었습니다.
• 고정 이미지 모듈 크기 조정 옵션이 작동하지 않습니다.
• Toggle 모듈의 고정 Toggle 제목 스타일이 VB와 FE 모두에서 올바르게 작동하지 않습니다.
• 토글 모듈에 대한 FE의 토글 열기 아이콘 스타일 문제를 수정했습니다.
• FE의 빈 버튼 동작을 수정했습니다.
• 호버 모드의 비활성화 상태 옵션을 수정했습니다.
• 비활성화된_on 변환 문제가 수정되었습니다.
• 사용자 역할을 다시 저장하지 않으면 라이브러리에 추가 버튼이 표시되지 않는 문제를 수정했습니다.
• 구성 요소 그룹의 라벨 내 빈 공간을 클릭하면 비활성화되지 않고 첫 번째 옵션이 실행되는 문제가 수정되었습니다.
• 특정 위치에서 열릴 때 라이브러리에 추가 모달 차단 문제를 수정했습니다.
• 호버에 대한 잘못된 버튼 아이콘 애니메이션을 수정했습니다.
• FE 버튼 구성 요소에서 반응형 콘텐츠 기능이 작동하지 않는 문제를 수정했습니다.
• 테두리 반경이 설정된 전체 너비 이미지의 오버플로 문제를 수정했습니다.
• 반응형 모드에서 값을 삭제할 수 없는 코드 설정 필드의 버그를 수정했습니다.
• 텍스트를 제거한 후에도 제거되지 않는 입력 자리 표시자 값 문제를 수정했습니다.
• 반응형 비활성화 요소 위로 스크롤할 때 설정 모달의 스크롤이 수정되었습니다.
• 반응형 콘텐츠에 대한 터치 지원 장치에서 결함이 있는 동작을 일으키는 문제를 해결했습니다.
• 빈 데스크톱 중단점 값을 저장하여 발생하는 치명적인 오류를 수정했습니다.
• 입력 필드의 값은 상위 중단점에서 상속됩니다.
• 동적 콘텐츠 옵션 목록 드롭다운이 TinyMCE 요소와 겹치는 문제를 수정했습니다.
• 단축 코드 모듈에서 작동하지 않는 스크립트 기반 기능(예: 애니메이션)을 수정했습니다.
• 동적 콘텐츠: 동적 콘텐츠 UI의 다양한 기능에 대한 테스트가 추가되었습니다.
• 동적 콘텐츠: 추천 모듈의 동적 콘텐츠에 URL 유형 지원이 추가되었습니다.
• 동적 콘텐츠: 각 동적 콘텐츠 옵션 등록 시 id 속성을 정의합니다.
• 동적 콘텐츠: 동적 콘텐츠를 리팩터링하고 마이그레이션했습니다.
• 동적 콘텐츠: 동적 콘텐츠의 옵션에 사용되는 일부 필드 용어의 이름을 바꿉니다.
• 동적 콘텐츠: 동적 콘텐츠 옵션 설정 및 렌더링 부분을 등록하는 새로운 방법을 도입했습니다.
• ModuleElements: Divi 5에서 사용할 수 있는 모듈에 ModuleElements를 구현합니다.
• 모듈 속성 리팩터링: IconAttr 및 소셜 미디어 팔로우 모듈에 대한 모듈 속성 리팩터링
• 맞춤 CSS 변환 문제가 해결되었습니다.
• 전환 스타일: 전환 스타일 구성요소 리팩토링.
• 위치 옵션: 스타일 구성 요소가 모듈의 module.json에서 유추되는 defaultPrintedStyleAttr 속성을 갖도록 허용하여 속성이 제공되지 않을 때 위치 옵션 스타일이 렌더링되는 문제를 해결합니다.

Divi 5의 다음 단계는 무엇입니까?

백미러의 Dev Alpha 및 Dev Beta 단계를 통해 이제 최초의 사용자 대상 베타 버전인 Public Alpha를 향해 전속력으로 나아가고 있습니다. 지금부터 공개 알파 출시까지 누락된 기능을 채우고, 버그를 수정하고, 공개 출시를 보장할 만큼 프로젝트를 충분히 완료할 것입니다.

Divi 5에 대해 잘 모르신다면 다시 한번 알려드리겠습니다. Divi 5는 기본 사항에 초점을 맞춰 Divi Builder를 완전히 재작성한 것입니다. 우리는 새로운 기능을 많이 추가하지 않고 대신 성능, 안정성, 확장성 및 확장성에 중점을 둡니다. 우리는 Divi 4에서 할 수 있는 모든 것을 짜냈고 이제 Divi를 미래로 추진하는 데 필요한 새로운 기반을 구축하고 있습니다. 거기에 도달하려면 본질적으로 Divi Builder의 모든 부분을 한 번에 하나씩 다시 만들어야 합니다.

우리는 현재 Divi 5 Public Alpha 출시를 위해 노력하고 있습니다. 이것은 Divi 5의 기능적이고 버그 없는 버전이 될 것이지만 가장 덜 인기 있는 Divi 모듈과 기능 중 일부가 누락되었습니다. Divi 5를 테스트해 볼 수 있으며 누락된 기능이 누락된 것이 아니라면 이 버전을 사용할 수도 있습니다.

공개 알파가 출시된 후 우리는 Divi의 모든 현재 기능을 포함하고 베타 테스터가 발견한 버그가 수정될 때까지 Divi 5의 출시 후보 역할을 하는 공개 베타를 향해 노력할 것입니다.

Divi 5 개발 베타에 참여하세요

커뮤니티를 위한 맞춤형 Divi 모듈을 만드는 개발자라면 Divi 5 Dev Beta 가입을 신청할 수 있습니다. 이미 Dev Alpha에 신청했지만 승인되지 않은 경우 다시 신청할 필요가 없습니다. 이메일 받은편지함에서 초대를 확인하세요.

알림 : 베타 프로그램의 이 단계는 Divi 모듈 개발자만을 대상으로 합니다. 몇 가지 기능을 추가하고, UI를 다듬고, 남아 있는 버그를 모두 정리한 후 일반 테스트를 위한 첫 번째 베타 버전인 Divi 5 Public Alpa를 출시할 예정입니다.

추가 업데이트를 계속 지켜봐 주시기 바랍니다

매달 Divi 5 업데이트를 제공하므로 뉴스레터와 YouTube 채널을 구독하여 최신 소식을 받아보세요! Divi 5는 큰 프로젝트입니다. 하지만 저는 모든 단계에서 커튼을 걷어내고 여러분에게 우리의 진행 상황에 대한 통찰력을 제공할 것입니다.

궁금하신 점은 댓글 남겨주시면 다음 업데이트 때 뵙겠습니다.