Divi 5 업데이트: 공개 알파 버전 5

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

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

지난 2주 동안 우리는 89개의 버그를 수정했습니다 . Divi 5는 안정적인 느낌을 주었으며 베타 테스터로부터 새로운 버그 보고서를 많이 받지 못했습니다. 그것은 좋은 징조입니다! 우리는 몇 가지 우선순위가 높은 버그를 수정하는 데 2주를 더 투자한 다음 기능 개발로 넘어가 공격적인 출시 일정으로 2025년을 시작할 것입니다.

모든 근본적인 개선과 버그 수정이 완료되어 올해는 흥미진진한 새해가 될 것입니다.

눈에 띄는 변화

지난 몇 가지 업데이트의 경우와 마찬가지로 이 새 버전에도 작은 수정 사항이 많이 포함되어 있습니다. 언급할 내용이 너무 많지만 몇 가지 눈에 띄는 변경 사항은 다음과 같습니다.

1. 업데이트된 개발자 문서 – 우리는 마켓플레이스의 제작자와 협력하여 질문을 받고 이를 커뮤니티에 영구적으로 서비스를 제공할 새로운 개발자 문서의 기초로 사용했습니다.
2. 새로운 개발자 후크 및 필터 – 모듈 제작자는 이제 Divi 모듈과 빌더 인터페이스를 더 자유롭게 확장할 수 있습니다. 우리는 개발자가 원하는 모듈을 구축하는 데 필요한 것을 갖추고 있는지 확인합니다.
3. 이전 버전과의 호환성 모드에서 향상된 성능 – 이전 버전과의 호환성 모드에서 레거시 단축 코드를 렌더링할 때 일부 페이지가 느리게 로드되었습니다. 우리는 병목 현상을 식별하고 해결했습니다. 우리는 업그레이드에 따른 단점이 없도록 레거시 모듈이 Divi 5에서 더 빠르게 로드되기를 원합니다.
4. 고정 do_blocks() Divi 블록 렌더링 – 단축 코드의 장점 중 하나는 어디에든 연결할 수 있다는 것입니다. Divi 5의 새로운 블록도 마찬가지입니다. 그러나 WordPress do_blocks() 함수를 사용하여 Divi 블록을 렌더링하는 것이 의도한 대로 작동하지 않았으며 이 문제가 수정되었습니다.
5. 편집 중인 모듈 드래그 – 이전에는 Divi 5에서는 현재 편집 중인 모듈을 드래그할 수 없었습니다. 활성 상태는 드래그할 수 없어 상당히 짜증났습니다. 이 문제가 해결되었습니다.

변경 내역

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

• 고정 상태가 활성화되고 기본 Divi 헤더가 고정으로 설정되어 있을 때 프런트 엔드에 있는 고정 모듈의 예기치 않은 점프 동작을 수정했습니다.
• 설정 모달을 브라우저 창 상단 위로 드래그하여 일부를 효과적으로 숨길 수 있는 문제가 수정되었습니다.
• 모듈을 편집할 때 모듈을 끌 수 있도록 설정합니다.
• Visual Builder에서 편집 모드인 경우에도 모듈을 끌어서 놓을 수 있도록 끌어서 놓기 기능이 업데이트되었습니다.
• 잘못된 hoveredArea 및 BottomOffsetTop 상태 값으로 인해 특정 상황에서 와이어프레임 모드에서 결함이 있는 드래그 앤 드롭 동작이 수정되었습니다.
• 특수 섹션 행의 단일 열만 드래그할 수 없도록 수정되었습니다.
• 사전 설정 선택 모달에 스크롤바를 추가했습니다.
• 레거시 레이아웃의 프런트엔드 렌더링을 지원하는 단축 코드 속성 검사의 성능 문제를 수정했습니다.
• 가격표 및 광고문 모듈과 같은 일부 모듈의 본문 텍스트와 관련된 다양한 전환 스타일 문제를 수정했습니다.
• 제목 글꼴 및 본문 글꼴 전환 스타일을 동일한 모듈 요소의 다른 전환 스타일과 병합하여 전환 스타일 처리가 개선되었습니다.
• 속성 선택기에 의존하는 모듈의 전환 문제를 수정하고 코드 변경을 지원하는 테스트를 추가합니다.
• 페이지 간 모듈 복사/붙여넣기 지원이 추가되었습니다.
• 글꼴 아이콘의 특수 문자가 제대로 이스케이프되지 않는 문제가 해결되었습니다.
• D5 이전 버전과의 호환성 모드에서 시차 배경이 제대로 작동하지 않는 버그를 수정했습니다.
• 경우에 따라 Divi 5 이전 버전과의 호환성 모드에서 원치 않는 태그를 렌더링하는 버그가 수정되었습니다.
• 레이아웃 가져오기 프로세스 중에 레거시 단축 코드가 제대로 마이그레이션되지 않는 문제를 수정했습니다.
• 텍스트 색상과 밝은/어두운 텍스트 색상의 조합이 예상대로 작동하지 않는 문제를 해결했습니다.
• 색상이 설정되지 않은 경우 섹션 구분선 색상이 검은색으로 적용되는 문제가 수정되었습니다.
• 페이지 설정의 사용자 정의 CSS에서 백슬래시가 제거되는 문제를 해결했습니다.
• 형제 섹션의 배경색을 기반으로 섹션 구분선의 색상 렌더링을 수정했습니다.
• 새로운 PHP 후크로 Divi 5 페이지 설정 확장 튜토리얼이 업데이트되었습니다.
• Visual Builder의 반응형 콘텐츠 관리에 대한 설명서 설명 페이지가 추가되었습니다.
• 확인란 레이블의 후행 공백으로 인해 문의 양식 모듈에서 유효성 검사 오류가 발생하는 문제가 해결되었습니다.
• 정의되지 않은 속성으로 인해 프런트 엔드에서 발생하는 PHP 알림 오류를 수정했습니다.
• 단축 코드 지연 로딩 기능에 대한 설명 페이지와 이를 적용하는 방법에 대한 지침을 문서에 추가했습니다.
• D5의 CSS 규칙 누락으로 인해 메뉴 모듈의 로고 이미지가 늘어나는 문제를 해결했습니다.
• 버튼 모듈의 드래그 앤 드롭 안정성 관련 버그가 수정되었습니다.
• 아코디언 항목의 열린 상태가 일관되지 않아서 첫 번째 항목이 열린 항목이 아닌 경우에도 열린 상태 속성/속성을 표시하는 문제를 수정했습니다. 이는 시각적 빌더에만 영향을 미칩니다.
• 신뢰성, 가독성 및 모범 사례 준수를 개선하기 위해 React 후크 사용, 구성 요소 이름 지정 및 코드 구조 관련 문제를 수정했습니다.
• 사용자 정의 CSS 선택기에 위치 지정 순서 클래스에 대한 테스트가 추가되었습니다.
• 사용자 정의 CSS에 선택기 속성을 추가하는 예제 코드가 추가되었습니다.
• Divi 5 모듈용 customCssFields에 선택기 속성을 통합하기 위한 튜토리얼이 추가되었습니다.
• 모듈 아이콘 디자인 가이드 페이지를 추가했습니다.
• 고정 카테고리 선택 시 제목이 구분선으로 표시되지 않습니다.
• 정적 및 동적 모듈 변환 문서를 업데이트했습니다.
• 미리 만들어진 레이아웃을 가져온 후 FE에 모든 섹션이 표시되지 않는 문제를 수정했습니다.
• Elements 클래스 내에 AdvancedStyles를 통합하여 Visual Builder와 Frontend 모두에서 필요할 때마다 호환성을 보장하도록 Extensions 예제 플러그인을 업데이트했습니다.
• 영구 링크 업데이트 후 라이브러리 항목 편집 관련 문제가 해결되었습니다.
• 모듈의 여백이 작고 구조 요소의 여백과 패딩이 작은 경우 동작 아이콘이 겹치는 것을 방지하기 위해 동작 아이콘 이동을 추가했습니다.
• 와이어프레임 모드에서 모듈 드래그 앤 드롭으로 인해 모든 모듈이 다시 렌더링되는 현상이 수정되었습니다.
• 동적 모듈 튜토리얼의 빌드 ​​문제를 수정했습니다.
• Divi Library에서 내부 행을 추가할 수 없는 문제를 수정했습니다.
• Divi 4에서 Divi 5로 마이그레이션할 때 전폭 헤더 모듈의 글꼴 두께가 일반으로 잘못 표시되는 문제를 수정했습니다.
• 사용자 정의 사전 설정이 활성화된 경우 사용자 정의 사전 설정 값이 기본값으로 표시되지 않는 문제를 수정했습니다.
• 튜토리얼에 새로운 사용자 정의 옵션 그룹 스크립트를 추가하면 예상대로 작동하지 않는 문제가 해결되었습니다.
• 디버깅 명확성을 높이기 위해 코딩되지 않은 모듈 및 경로 이름을 포함하도록 콘솔 오류를 업데이트했습니다.
• 자동 생성된 모듈이 주의를 끌 수 있도록 경고를 트리거하도록 만들었습니다.
• 더 쉽게 참조할 수 있도록 자동 생성 모듈 목록을 추가했습니다.
• Blurb 모듈에서 Divi 4와 Divi 5 간의 HTML 마크업 차이 문제를 수정했습니다.
• 테마 빌더의 사전 설정 가져오기 문제가 해결되었습니다.
• valueExpansionFunctionMap 코드 조각이 추가되어 정적 및 동적 모듈 변환 문서의 코드가 업데이트되었습니다.
• 와이어프레임 모드에서 데스크탑 보기로 전환한 후 첫 번째 섹션 설정 표시줄이 헤더 뒤에 숨겨지는 문제를 해결했습니다.
• Divi 4에서 Divi 5로 마이그레이션한 후 필터링 가능한 포트폴리오, 포트폴리오 및 전폭 포트폴리오 모듈에 대해 "선택한 범주" 옵션이 손실되는 문제를 수정했습니다.
• 고정 슬라이더 모듈의 첫 번째 슬라이드 이미지가 시각적 빌더에 숨겨집니다.
• 빈 그라데이션 배경이 다른 배경 옵션의 스타일을 잘못 상속하여 대신 기본 흰색 배경이 적용되는 문제를 해결했습니다.
• Theme Builder 템플릿을 가져올 때 전체 색상 가져오기 문제가 수정되었습니다.
• 블로그 모듈을 단일 게시물에 사용하고 블로그 모듈이 실수로 표시된 게시물에 현재 게시물을 포함할 때 발생하는 블로그 모듈 재귀 루프로 인해 발생하는 메모리 소모를 수정합니다.
• 일반 섹션에서 추가된 행 데이터가 전문 분야 섹션의 행 라이브러리에 표시되지 않는 문제를 수정했습니다.
• 단축 코드로 가져온 테마 빌더 데이터로 인해 새 게시물을 추가할 때 치명적인 오류가 수정되었습니다.
• 고정 게시물 콘텐츠 모듈은 테마 빌더 외부에서도 가져옵니다.
• 배경 이미지 설정의 시차 방법에 대한 반응 옵션이 올바르게 작동하지 않는 문제가 해결되었습니다.
• 렌더링 요소 및 스타일과 같이 다가오는 튜토리얼과 연결할 수 있는 보다 현실적인 예를 제공하기 위해 "사용자 정의 옵션 그룹 추가" 및 "사용자 정의 옵션 필드 추가" 튜토리얼 시리즈를 업데이트했습니다.
• 라이브러리에 저장 버튼을 클릭할 때 발생하는 버그가 수정되었습니다.
• 테마 빌더를 사용할 때 게시물 제목 모듈과 프런트 엔드에 있는 전폭 게시물 제목 모듈의 메타 정보에 카테고리가 표시되지 않는 문제를 수정했습니다.
• 수정: Visual Builder의 행 최대 너비가 테마 사용자 정의 프로그램의 웹 사이트 콘텐츠 너비 설정을 따르지 않는 문제가 해결되었습니다.
• 전체 너비 헤더 모듈의 사용자 정의 콘텐츠 너비가 FE에 적용되지 않는 문제가 수정되었습니다.
• 스냅된 사이드바 아래에 나타나는 모달 Z-색인 문제를 수정했습니다.
• 메뉴 모듈의 텍스트 정렬 및 텍스트 색상 옵션이 Divi 4에서 Divi 5로 올바르게 마이그레이션되지 않는 문제를 수정했습니다.
• 페이지에서 WooCommerce 모듈이 사용되지 않을 때 단일 제품 보기 페이지 치명적인 오류가 수정되었습니다.
• 포스트 슬라이더 및 전폭 포스트 슬라이더 모듈에서 자세히 보기 버튼의 가시성 문제를 수정했습니다.
• 블록 속성에서 특수 문자를 적절하게 이스케이프 처리하여 동적 콘텐츠 렌더링을 개선했습니다.
• VB 및 FE에서 렌더링된 모듈 요소를 필터링하기 위한 새로운 후크를 도입했습니다.
• VB 및 FE에서 렌더링된 모듈 래퍼를 필터링하는 새로운 후크를 도입했습니다.
• 색상 선택기 내부를 클릭하면 인라인 편집기가 닫히는 문제가 해결되었습니다.
• 특정 레이아웃을 가져올 때 상단 또는 하단 패딩이 0으로 설정된 고정 섹션이 프런트 엔드에서 올바르게 렌더링되지 않았습니다.
• 페이지 템플릿에서 do_blocks() 함수를 사용하여 Divi 5 레이아웃/블록을 렌더링할 때 특수 섹션에 대해 CSS가 완전히 생성되지 않는 문제가 해결되었습니다.
• 전체 색상을 편집할 때 여러 사이드바가 열려 있는 경우 이제 변경 사항 저장 확인 대화 상자가 올바른 사이드바에 표시되는 문제가 해결되었습니다.
• Divi 5 TinyMCE 편집기 내에서 비디오 단축 코드가 비디오 태그로 렌더링되지 않는 문제를 수정했습니다.
• 수정 없이 전역 색상 선택기를 열고 닫으면 페이지 요소가 클릭되지 않는 문제가 해결되었습니다.
• 테스트 파일의 유형/린터 문제가 수정되었습니다.
• 사용자가 로그인하지 않은 경우 빠른 사이트 생성 오류 및 빈 페이지가 수정되었습니다.
• 온보딩에서 개발하는 동안 SCSS 경고가 수정되었습니다.
• Divi Quick Sites를 사용하여 사이트를 생성한 후 사전 설정을 저장할 수 없는 문제를 수정했습니다.
• 애니메이션을 시작하기 전에 비디오가 아래쪽에서 점프하는 슬라이더 모듈의 비디오 전환을 수정했습니다.
• 마우스 오른쪽 버튼 클릭 상황에 맞는 메뉴 위로 마우스를 가져가면 발생하는 불필요한 그룹 필드 다시 렌더링이 수정되었습니다.
• 함수 내에 ShortcodeMigration::maybe_ migration_legacy_shortcode() 애플리케이션을 포함하도록 Conversion::maybeConvertContent()가 향상되었습니다.
• 온보딩 구성과 일치하도록 패키지를 업데이트했습니다.
• 온보딩 시 개발 빌드 오류가 수정되었습니다.
• null 값을 처리하도록 ShortcodeMigration::should_handle_migration()을 업데이트하여 타사 모듈을 가져오는 동안 발생하는 PHP 오류를 수정했습니다.

지금 Divi 5에 뛰어드세요

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

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