Divi 5 진행 상황 업데이트: 버그에 대해 이야기해 봅시다!

저는 또 다른 Divi 5 진행 상황 업데이트로 돌아왔는데, 오늘은 버그 에 대해 이야기하고 싶습니다.

우리는 Divi 5의 버그를 식별하고 수정하는 데 전적으로 집중하여 매우 생산적인 한 달을 보냈으며, Public Alpha를 출시할 때 가능한 한 버그가 없는 버전이 되도록 보장했습니다. 우리는 개발 전반에 걸쳐 Divi 5의 QA 테스트를 진행했으며 Dev Beta 테스터가 기록한 모든 버그를 추적했습니다.

팀 전체가 200개 이상의 버그를 해결하기 위해 힘을 모았습니다. 우리는 예상보다 더 나은 진전을 이루었으며 받은 편지함이 0에 도달하면 공개 알파 및 베타 단계 전반에 걸쳐 버그 없는 Divi 5를 유지하기 위해 노력할 것입니다.

깨끗한 슬레이트로 시작하면 얻을 수 있는 이점

과거에는 Divi 5가 무엇인지, 그리고 여기서 무엇을 기대할 수 있는지에 대해 논의했습니다. 이는 Visual Builder의 완전한 재개발입니다. 새로운 기능은 많지 않지만 API 관점에서 더 빠르고 확장성이 뛰어나며 최신의 새로운 인터페이스가 제공됩니다.

제가 논의 하지 않은 것은 새로 코딩된 빌더의 고유한 이점이며, 이러한 이점 중 하나는 현재 Divi 4에 존재하는 수많은 버그를 무효화한다는 것입니다.

Divi 4의 버그 부담 제거

Divi 4에는 Divi 5에는 없는 수백 가지 버그가 있습니다. 예를 들어 이중 로딩 버그는 100% 사라졌습니다! 해당 버그를 표시하는 캐싱은 더 이상 빌더의 새 아키텍처와 관련이 없습니다.

복사 붙여넣기 스타일과 같이 역사적으로 까다로웠던 복잡한 기능은 더 이상 논쟁을 어렵게 만드는 기술적 부채로 인해 어려움을 겪지 않습니다. Divi 5에서는 Visual Builder에 관한 한 깨끗한 상태부터 시작하고 있습니다.

그 과정에서 사소한 개선

처음부터 다시 시작하면서 우리는 지난 10년간의 경험과 실수를 바탕으로 모든 것을 올바르게 구축해 왔습니다. 이제 전역 색상은 CSS 변수와 단일 스타일 선언을 사용합니다. 이제 사전 설정은 클래스 기반이며 모듈 간에 단일 사전 설정 클래스가 공유됩니다. 이제 각 모듈의 JavaScript가 동적으로 생성되고 모듈을 사용할 때만 로드되므로 Divi 웹사이트의 크기가 줄어듭니다.

새로운 아키텍처에는 많은 사소한 개선 사항이 포함되어 있습니다.

이번 달에 우리가 성취한 것

비록 우리가 Divi 5를 미완성 상태로 공개 알파와 공개 베타로 출시할 예정이지만, 우리는 처음부터 가능한 한 버그가 없기를 원합니다. 이는 공개 알파를 출시하기 전에 알려진 모든 버그를 수정한다는 의미입니다. 힘든 일이었지만 우리는 상당한 진전을 이루었습니다!

다음은 최신 Divi 5 변경 로그 항목입니다.

• Accordion Item 모듈의 링크가 수정되었습니다.
• 아코디언 모듈의 애니메이션이 VB에서 수정되었습니다.
• 프런트 엔드에 허용되는 CSS 속성 목록에 '배경 위치-x' 및 '배경 위치-y'를 추가했습니다.
• 배경 설정 모달에서 특정 배경 탭을 숨기는 기능이 추가되었습니다.
• sanitize_css_properties 함수에 기본 CSS 속성 테두리를 추가했습니다.
• Divi 5에 JS 벤치마크 테스트 시스템이 추가되었습니다.
• 선택 메뉴 설정 필드를 추가했습니다.
• Visual Builder의 애니메이션 오류 문제가 수정되었습니다.
• 디자인 설정 패널의 FontBodyGroup에 attrName을 할당했습니다.
• Blurb 모듈의 아이콘 DOM이 수정되었습니다.
• Blurb 모듈의 테두리 문제가 수정되었습니다.
• Blurb 모듈의 아이콘 가리키기 스타일이 수정되었습니다.
• Divider 모듈의 Box Shadow가 수정되었습니다.
• 이미지 모듈에 대해 기본 테두리 색상 및 스타일이 수정되었습니다.
• 아코디언 모듈에 대한 et_clickable 클래스가 수정되었습니다.
• 설정 모달 미리보기 영역의 배경 이미지에 대해 "재설정" 버튼이 제대로 작동하지 않는 버그를 수정합니다.
• 이메일 옵션 모듈에서 Mailchimp 공급자에 대해 렌더링되지 않는 사용자 정의 필드를 수정합니다.
• 변환 번역 필드 내에서 드래그 가능한 상자 위치를 수정합니다.
• 변환 필드 내에서 재설정 아이콘 위치를 수정합니다.
• 수정: 갤러리 모듈의 슬라이더 레이아웃에서 상자 그림자 CSS 속성을 제거합니다.
• 동적 데이터 로드 $variabe()를 src 값으로 사용하여 이미지 업로드 미리보기를 수정했습니다.
• CSS 렌더링의 버그를 수정하여 경우에 따라 중단점 및 상태 출력에 대한 CSS가 올바른 순서가 되지 않게 했습니다.
• 배경 마스크/패턴 재설정 버튼이 스타일 이름만 재설정하는 대신 모듈 배경에 대한 배경 마스크/패턴도 비활성화하는 버그를 수정했습니다.
• 모듈 JSON의 배경에 대한 CSS 선택기가 여러 개 있는 경우 배경 마스크 및 패턴에 대한 CSS가 제대로 작동하지 않는 버그를 수정했습니다.
• 프런트 엔드에서 배경 비디오가 제대로 작동하지 않는 버그를 수정했습니다.
• 하위 가격표의 주요 상태에 따라 상위 가격표 모듈에 대한 추가 클래스 이름 문제를 수정했습니다.
• '필드 제목 수준'이 잘못 표시되는 댓글 모듈의 문제를 수정했습니다.
• 사용자 정의 줄 높이가 버튼에 적용되지 않는 CTA 모듈의 문제를 수정했습니다.
• 소셜 미디어 팔로우 모듈에서 잘못된 버튼 스타일을 발생시키는 문제를 수정했습니다.
• 페이지에 숫자 카운터 모듈을 추가할 때 클래스가 누락되는 문제를 수정했습니다.
• 페이지에 Person 모듈을 추가할 때 클래스가 누락되는 문제를 수정했습니다.
• 페이지에 추천 모듈을 추가할 때 클래스가 누락되는 문제를 수정했습니다.
• 개인 모듈 여백이 올바르게 적용되지 않는 문제가 수정되었습니다.
• 버튼 모듈의 애니메이션이 VB에서 올바르게 작동하지 않는 문제를 수정했습니다.
• 빌더 UI의 체크박스 값 업데이트가 필요 이상으로 자주 보고되는 문제를 수정했습니다.
• 기본 배경이 자동으로 수정되는 문제가 수정되었습니다.
• 로그인 모듈에서 필드 패딩이 작동하지 않는 문제를 수정했습니다.
• 게시물 제목 모듈의 패딩에 대한 마우스 오버 값이 VB에서 작동하지 않는 문제가 해결되었습니다.
• 테두리 스타일이 선택되지 않았거나 기본값인 경우 포트폴리오 모듈에서 이미지 테두리가 작동하지 않는 문제를 수정했습니다.
• 지도 구성요소 변경이 업데이트를 제대로 트리거하지 않는 문제를 수정했습니다.
• Bar Counters 하위 모듈의 모듈 링크가 프런트엔드에서 작동하지 않는 문제를 수정했습니다.
• 애니메이션이 있을 때 소셜 미디어 팔로우 모듈이 프런트 엔드에 표시되지 않는 문제를 수정했습니다.
• 때때로 D5의 지도 모듈이 D4 가져온 지도 레이아웃을 로드하지 않고 콘솔에 잘못된 요청 오류를 표시하는 문제가 수정되었습니다.
• 설명 모듈(및 이 기능을 사용하는 모든 모듈)의 필드 옵션 그룹에 대한 하위 옵션 그룹을 열 수 없는 문제를 해결했습니다.
• 오디오 모듈에 Clearfix CSS 클래스가 누락되는 문제가 수정되었습니다.
• 호버 상태에서 로그인 모듈의 버튼 줄 높이를 설정할 수 없는 문제를 수정했습니다.
• D5로 업데이트한 후 사용자 정의 CSS 모듈 속성이 올바르게 렌더링되지 않는 문제가 수정되었습니다.
• 오디오 모듈이 표지 이미지를 렌더링하지 않는 문제를 수정했습니다.
• 테스트에서 실제 URL을 사용하는 오디오 모듈을 수정했습니다.
• FE에 대한 아코디언 모듈의 배경 마스크 및 패턴 문제가 수정되었습니다.
• FE의 아이콘 모듈에 대한 배경 마스크 및 패턴 문제가 수정되었습니다.
• 검색 모듈의 배경 전환 스타일이 수정되었습니다.
• VB에서 블로그 페이지 매김 레이블 및 위치를 수정했습니다.
• 호버 상태에 설정된 Blurb 아이콘이 FE에서 렌더링되지 않는 문제를 수정했습니다.
• 소셜 미디어 팔로우 항목 모듈에 대한 테두리 클래스 이름 et_pb_with_border 렌더링 문제가 수정되었습니다.
• 긴 메뉴 항목이 포함된 메뉴 모듈의 고정 하단 항목은 페이지 컨테이너 제한을 초과하면 액세스할 수 없습니다.
• 이미지 모듈에서 새 모듈 추가 도구 설명의 손상된 UI를 수정했습니다.
• 이미지 모듈의 여백 간격 옵션, 특히 margin-bottom이 Visual Builder에서 올바르게 작동하지 않는 버그를 수정했습니다.
• 포스트 슬라이더 모듈용 FE의 버튼 정렬 스타일 문제가 수정되었습니다.
• 필터링 가능한 포트폴리오 모듈 FE의 클래스 이름 문제(쉼표로 구분 및 중복 클래스)를 수정했습니다.
• 서클 카운터 모듈의 클래스 이름 문제를 수정했습니다.
• HTML 코드를 사용할 때 코드 모듈을 수정했습니다.
• 댓글 모듈에 대한 FE의 댓글 수 텍스트 제목 라벨 수정을 수정했습니다.
• 다중 선택 필드의 연속 트리거를 수정했습니다.
• 시차 효과 사용 옵션이 기본적으로 아직 설정되지 않은 경우에도 Divider 모듈에 추가된 et_pb_section_parallax 클래스를 수정했습니다.
• 댓글 모듈에 대한 댓글 개수 텍스트의 글꼴 제목 라벨을 수정했습니다.
• 메타 텍스트의 글꼴 줄 높이 기본값을 수정하고 D4에 따라 JSON 모듈의 중요한 속성을 조정했습니다.
• 문의 양식 모듈에서 사용자 메시지가 성공적으로 제출된 경우 양식이 제거되지 않는 버그를 수정했습니다.
• Fullwidth Code 모듈 FE의 RenderCallback에 defaultPrintedStyleAttrs를 추가하여 수평 및 수직 오프셋 문제를 해결했습니다.
• 프런트엔드의 배경 마스크 및 패턴에 대한 호버 선택기를 수정했습니다.
• FE에 대한 평가 모듈의 아이콘 스타일 선언 아이콘 정렬 문제를 수정했습니다.
• 일부 모듈(Call To Action, Circle Counter, Code, Countdown Timer, Fullwidth Header, Row, Text, Toggle module)에서 누락된 'et_clickable' 클래스를 수정했습니다.
• 필터링 가능한 포트폴리오 모듈에 대해 et_pb_portfolio라는 누락된 클래스 이름이 수정되었습니다.
• 필터링 가능한 포트폴리오 및 갤러리 모듈에서 누락된 et_clickable 클래스를 수정했습니다.
• CTA 모듈에서 누락된 et_pb_text_align_center 클래스를 수정했습니다.
• FE에 대한 댓글 모듈의 모듈 링크를 수정했습니다.
• 모듈 설정의 중첩된 그룹 옵션 동작을 수정하여 아코디언처럼 동작하도록 했습니다(동일한 레벨의 한 그룹이 동시에 확장됨).
• 오버레이 아이콘 및 오버레이 배경색이 렌더링되지 않는 문제가 수정되었습니다.
• 블로그 모듈의 추천 이미지 오버플로 문제가 수정되었습니다.
• 특성을 직접 사용할 때 발생하는 PHP 8 지원 중단 오류를 수정했습니다.
• FE의 포트폴리오 배경 전환 스타일 문제가 수정되었습니다.
• 고정 포트폴리오 모듈 페이지 매김 스타일.
• 호버 상태에 대한 포트폴리오 모듈 간격 스타일 문제가 해결되었습니다.
• VB 및 FE의 소셜 미디어 모듈에 대한 소셜 미디어 항목 링크의 렌더링 문제가 수정되었습니다.
• 선택 글꼴 필드 자리 표시자 텍스트가 수정되었습니다.
• 버튼 모듈에서 아이콘 배치 및 아이콘 호버 옵션의 설정 패널 옵션을 호버 상태로 수정했습니다.
• 슬라이더 모듈의 화살표 및 페이지 매김 토글이 제대로 작동하지 않는 문제를 수정했습니다.
• 특정 아이콘이 VB에서 제대로 인쇄되지 않는 문제가 수정되었습니다.
• 오버레이 아이콘의 속성 문제 및 변환 문제를 수정했습니다.
• 빈 배열이 []로 저장되는 저장 메커니즘의 버그를 수정했습니다.
• 이메일 옵션 모듈에서 Mailchimp 공급자에 대해 렌더링되지 않는 사용자 정의 필드를 수정했습니다.
• 툴팁이 표시되지 않는 이동 아이콘 위에 사용자가 마우스를 올리면 문제가 수정되었습니다.
• 숫자 카운터 모듈에서 호버 상태에 대한 여백 값이 적용되지 않는 문제를 수정했습니다.
• VB 및 FE의 포트폴리오 모듈에서 FontAwesome 아이콘을 사용할 때 오버레이 아이콘이 표시되지 않는 문제를 수정했습니다.
• 이미지 크기 조정 옵션(너비, 높이, 최소 높이, 최대 높이)이 프런트엔드에서 작동하지 않는 문제가 해결되었습니다.
• 추천서 모듈의 작성자 옵션에서 사용 시 동적 콘텐츠 전후 값이 이스케이프되는 문제를 수정했습니다.
• 슬라이더, 포스트 슬라이더 및 검색 모듈의 설정 표시줄이 마우스 오버 시 표시되지 않는 문제가 수정되었습니다.
• Theme Customizer 본문 글꼴 크기 및 본문 줄 높이가 D5 VB 내부 모듈에 적용되지 않는 문제를 수정했습니다.
• D5의 텍스트 그림자 컨트롤에서 일반적이지 않은 절대 단위가 허용되지 않는 문제를 수정했습니다.
• 사용자가 수직 및 수평 오프셋 옵션의 범위 슬라이더를 사용하여 음수 값을 설정할 수 없는 문제를 해결했습니다.
• Number Counter 모듈에서 호버 상태에 대한 여백 값을 설정할 수 없는 문제를 수정했습니다.
• 오디오 모듈의 "Box Shadow Position" 하위 모듈에서 내부 그림자가 제대로 작동하지 않는 문제를 수정했습니다.
• 음수 값을 허용하지 않도록 패딩 설정 필드를 수정했습니다.
• 재설정 후 반응형 이미지가 깨지는 현상을 수정했습니다.
• Spinner 및 숫자 입력 필드 값이 회전하거나 위쪽/아래쪽 화살표를 클릭하고 입력 값이 비어 있는 경우 추가되지 않는 문제를 수정했습니다.
• 활성화하려면 두 번 클릭해야 하는 간격 필드 내의 동기화 버튼을 수정했습니다.
• 제목에 적용되지 않았던 제목 글꼴 스타일을 수정했습니다.
• 메뉴 모듈 설정 패널의 링크 옵션 제목을 수정했습니다.
• 설정 패널의 제목 텍스트 제목 크기 문제가 수정되었습니다.
• 위쪽/아래쪽 화살표를 사용하여 소수점 값을 변경할 때 고정 변환 필드에 더 많은 소수점이 추가됩니다.
• 사용자 정의 선택기를 사용하는 모듈 요소 스타일의 전환 스타일 문제가 수정되었습니다.
• 소셜 미디어 팔로우 모듈에서 Divi 레이아웃을 가져오는 동안 Twitter 아이콘이 표시되지 않는 문제를 수정했습니다. Twitter도 X로 업데이트했습니다.
• 수정 사항: 링크, 목록 및 인용문에 대한 스타일을 설정할 수 없습니다.
• Border Radius 적용 시 이미지 오버플로 문제가 해결되었습니다.
• D5의 카운트다운 타이머 모듈에서 D4에 없는 et_pb_icon_off라는 클래스 이름 제거를 구현했습니다.
• getExpandedShorthandImportant 함수를 기억하여 성능을 개선했습니다.
• 변환 옵션 그룹 재설정 메커니즘이 개선되었습니다.
• VB 및 FE의 포트폴리오 모듈에 사용자 정의 CSS에 대한 수정 사항이 통합되었습니다.
• 모바일 메뉴 배경색은 메뉴 및 전체 너비 메뉴 모듈에 대해 고정되어 있습니다.
• 모듈 옵션을 수정하고 모듈 버튼 UI와 위치를 추가하여 모듈에 오버플로: 숨김이 있어도 계속 액세스할 수 있도록 합니다.
• 바 카운터 모듈의 오버레이 색상이 수정되었습니다.
• Divi 빌더가 활성화되면 게시물 발췌 내용이 수정됩니다.
• 코드 설정 필드 내에서 원하지 않는 수직 스크롤 막대를 제거하십시오.
• 전체 너비 헤더 모듈의 버튼 1 내부 콘텐츠에 대한 기본값을 제거했습니다.
• Divider 모듈에 추가된 et_pb_section_parallax 클래스를 제거했습니다.
• 설정 -> 디자인 패널에서 필드 제목 레이블 및 필드 포커스 테두리 그룹을 제거했습니다.
• 댓글 모듈의 설정 패널에서 버튼 스타일의 줄 높이 및 텍스트 정렬 옵션을 제거했습니다.
• 배경 설정의 배경 마스크 및 패턴 탭에 대한 미리 보기 영역 컨테이너에서 중복된 "재설정" 버튼을 제거했습니다.
• 아이콘 모듈에 대해 지원되지 않는 배경 이미지 필드를 제거했습니다.
• 아이콘 모듈에 대해 지원되지 않는 배경 비디오 설정을 제거했습니다.
• 오디오 모듈의 오디오 URL 필드에 대해 올바른 미디어 라이브러리 레이블을 설정하십시오.
• 테두리 스타일을 선택하지 않거나 기본값으로 설정하면 슬라이드 이미지 테두리가 고정됩니다.
• 전폭 포스트 슬라이더 모듈에 대한 텍스트 오버레이 테두리 반경이 수정되었습니다.
• 포스트 슬라이더 모듈의 텍스트 오버레이 테두리 반경이 수정되었습니다.
• 내부 그림자 문제를 해결하기 위해 오디오 모듈의 상자 그림자 위치를 업데이트했습니다.
• 이미지 크기 및 테두리 반경을 수정하기 위해 추천 모듈을 업데이트했습니다.
• 전체 너비 헤더 모듈의 경우 수직 및 수평 오프셋이 고정되어 있습니다.
• 사용자가 모듈을 삭제하면 패널이 닫히는지 확인합니다.
• 오버레이 아이콘 및 오버레이 배경색이 렌더링되지 않는 문제가 수정되었습니다.
• 제목에 적용되지 않았던 제목 글꼴 스타일을 수정했습니다.
• 모듈: Divi 5용 갤러리 모듈이 추가되었습니다.
• 모듈: Divi 5용 Email Optin 모듈이 추가되었습니다.
• 모듈: 문의 양식 모듈의 잘못된 스타일을 수정합니다.
• 레이어 보기: 레이어 보기에 확장 및 축소 기능이 추가되었습니다.
• 레이어 보기: 모듈 옵션이 추가되었습니다.
• 레이어 보기: 모듈 상황에 맞는 메뉴에서 레이어 탐색으로 이동을 추가했습니다.
• 레이어 보기: 레이어 항목을 클릭하면 모듈에 스크롤이 추가되었습니다.
• 인라인 서식 있는 텍스트 편집기: 인라인 서식 있는 텍스트 포맷터에 대한 팝오버/도구 모음이 추가되었습니다.
• 전체 색상: 기존 전체 색상을 가져오고 선택할 수 있지만 아직 편집할 수 없는 전체 색상의 초기 버전이 추가되었습니다.

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

이번 달 진행 보고서는 여기까지입니다. 우리는 버그 배싱을 통해 생산적인 한 달을 보냈습니다. 우리는 앞으로 몇 주 동안 남은 버그를 처리한 다음 공개 알파에 필요한 마지막 몇 가지 기능을 마무리하는 작업을 재개할 것입니다.

더 많은 업데이트를 계속 지켜봐 주시기 바랍니다. 이메일로 팔로우하고 YouTube 채널을 구독하여 소식을 놓치지 마세요. 다음 달에는 또 다른 Divi 5 진행 상황 업데이트로 돌아오겠습니다!