새로운 Divi 5 인터페이스 공개

게시 됨: 2023-12-21

저는 또 다른 Divi 5 업데이트로 돌아왔습니다. 이번에는 Divi 5의 새로운 인터페이스를 미리 보여드리게 되어 기쁩니다. 아직 끝나지 않았지만 아직 탐험할 것이 많습니다.

영상을 시청하시면 자세히 보실 수 있습니다.

새로운 Divi 5 인터페이스

Divi 5가 새로운 모습을 보이고 있습니다. 이전과 동일한 방식으로 작동하므로 새로운 인터페이스 때문에 문제가 발생하는 것에 대해 걱정하지 마세요. 모든 것이 매우 친숙하게 느껴질 것입니다. Divi로 할 수 있는 작업은 변경되지 않았지만 더 빠르고 덜 번거로운 인터페이스로 더 많은 작업을 즐기시기 바랍니다.

더 빠르고 효율적인 인터페이스

Divi 5는 기본 속도와 효율성을 나타냅니다. UI는 이러한 목표를 달성해야 합니다. Divi 5에 대해 가장 먼저 눈에 띄는 점은 엄청나게 빠르다는 것입니다. 항목을 가리키고 클릭하고 편집하고 이동할 때 지연이 전혀 없으며 이전과는 전혀 다른 방식으로 광범위한 페이지를 처리할 수 있습니다. 또한 속도가 느려지는 것을 원하지 않기 때문에 모든 애니메이션을 제거했습니다.

방해가 되지 않는 인터페이스

디자인에 더 많은 숨을 쉴 수 있는 공간을 제공하기 위해 인터페이스 공간을 줄였습니다. 콘텐츠가 겹치거나 방해받지 않고 여러 개의 작은 크기 패널을 브라우저 측면에 도킹할 수 있습니다.

위 예에서는 레이어 패널이 왼쪽에 고정되어 있고 설정 패널이 오른쪽에 고정되어 있습니다. 페이지 주위를 클릭하면 설정 패널이 자동으로 채워지고, 무언가를 편집하면 피드백이 즉각적으로 나타납니다.

완전히 사용자 정의 가능한 인터페이스

Divi 5를 사용하면 빌더의 레이아웃을 훨씬 더 효과적으로 제어할 수 있습니다. 패널을 탭 창에 고정하거나 고정 해제하거나 결합할 수 있습니다. 모든 창을 닫고 Divi 4와 같은 하나의 부동 설정 패널을 선호한다면 그것도 옵션입니다.

그 어느 때보다 탐색하기 쉬운 인터페이스

클릭 모드를 기본 상호 작용 모드로 사용하면 항상 열어 둘 수 있는 작은 레이어 패널과 각 설정 패널의 새로운 이동 경로를 통해 페이지를 탐색하는 것이 그 어느 때보다 쉬워졌습니다. 편집하고 싶은 항목을 찾거나 클릭하는 데 어려움을 겪지 않을 것입니다.

여전히 개선이 필요하고 누락된 부분을 추가해야 하지만, 이 초기 모습을 통해 앞으로 몇 달 안에 공개 알파를 출시할 때 무엇을 기대할 수 있는지에 대한 좋은 아이디어를 얻을 수 있을 것입니다.

이번 달에 우리가 성취한 것

지난 한 달 동안 우리는 다른 일도 많이 했습니다. 새로운 인터페이스를 구축하는 것은 비교적 간단했습니다. 모든 주요 작업은 Divi의 모든 핵심 기능과 모듈을 완전히 재개발하는 등 수년 동안 커뮤니티에 봉사할 견고한 기반을 구축하는 무대 뒤에서 이루어지고 있습니다.

우리는 현재 Dev Beta 단계에 있습니다(Divi 모듈 개발자라면 참여할 수 있습니다). 이는 새로운 프레임워크를 완료했으며 이제 해당 프레임워크의 모든 것을 다시 구축하고 있음을 의미합니다.

우리는 더 많은 버그를 수정하고 더 많은 개발자 문서를 작성했으며 포스트 슬라이더, 블로그, 포스트 탐색, 필터링 가능한 포트폴리오, 전체 너비 메뉴 및 전체 너비 포트폴리오와 같은 여러 모듈을 변환했습니다.

새로운 기능이나 모듈을 완성할 때마다 우리는 Public Alpha에 한 걸음 더 가까워집니다. 여기서 우리는 Divi의 가장 인기 있는 기능과 모듈을 충분히 확보하여 첫 번째 버전을 광범위한 사용자가 사용할 수 있도록 준비하고 싶습니다.

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

  • Divi 5용 포스트 슬라이더 모듈 추가
  • Divi 5용 전폭 메뉴 모듈 추가
  • Divi 5용 전폭 게시물 제목 모듈 추가
  • 앱 프레임에 대한 기능 플래그가 지정된 개선 사항이 추가되었습니다.
  • 코드, 오디오, 원형 카운터, 열, 카운트다운 타이머, 구분선, 전폭 헤더, 전폭 이미지, 제목, 아이콘, 클릭 유도 문구, 버튼, 바 카운터, 아코디언, 게시물 제목, 포트폴리오, 숫자 카운터에 대한 PHP 모듈 스타일 선언에 고급 스타일을 구현했습니다. , 지도
  • Divi 5용 블로그 모듈이 추가되었습니다.
  • 앱 프레임에 대한 기능 플래그가 지정된 개선 사항이 추가되었습니다.
  • Divi 5용 필터링 가능한 포트폴리오 모듈 추가
  • Divi 5용 전폭 포트폴리오 모듈 추가
  • Divi 5용 게시물 탐색 모듈이 추가되었습니다.
  • 섹션, 전체 너비 지도, 제목, 메뉴, 사이드바, 소셜 미디어 팔로우, 탭, 팀원, 평가, 텍스트, 토글, 비디오 및 슬라이더 모듈에 대한 VB 모듈 스타일 선언에 고급 스타일을 구현했습니다.
  • 카운트다운 타이머, 원형 카운터, 코드, 버튼, 설명, 구분선, 오디오, 설명, 코드 및 제목과 같은 모듈에 대한 설정 패널에 대한 통합 자동 생성 모듈 설정입니다.
  • 객체 대신 유형이 되도록 'SyncGlobalLayoutAttributes' 내보내기를 업데이트했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/modal-library 패키지를 추가했습니다.
  • TypeDocs: @divi/modal-library 패키지의 데이터 저장소 기능에 대한 문서가 업데이트되었습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/page-settings 패키지를 추가했습니다.
  • TypeDocs: @divi/page-settings 패키지의 데이터 저장소 기능에 대한 문서가 업데이트되었습니다.
  • VB 및 FE의 전체 폭 포트폴리오 모듈을 D5로 개발했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/keyboard-shortcuts 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/object-renderer 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/mask-and-pattern-library 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/middleware 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/modal 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/modal-snap-indicator 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/draggable 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/numbers 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/error-boundary 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/events 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/help 패키지를 추가했습니다.
  • TypeDocs: @divi/help 패키지의 데이터 저장소 기능에 대한 문서가 업데이트되었습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/history 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/hooks 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/icon-library 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/global-layouts 패키지를 추가했습니다.
  • TypeDocs: @divi/global-layouts 패키지의 데이터 저장소 기능에 대한 문서가 업데이트되었습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/fonts 패키지를 추가했습니다.
  • TypeDocs: @divi/fonts 패키지의 데이터 저장소 기능에 대한 문서가 업데이트되었습니다.
  • TypeDocs: @divi/module 패키지에 대한 문서가 업데이트되었습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/data 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/divider-library 패키지를 추가했습니다.
  • @divi/context-library 패키지에 TypeDocs를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/conversion 패키지를 추가했습니다.
  • TypeDocs: TypeDocs 생성기에 @divi/constant-library 패키지를 추가했습니다.
  • TypeDocs: @divi/field-library 패키지에 대한 문서가 업데이트되었습니다.
  • ... 모듈에 대한 VB 모듈 스타일 선언에 고급 스타일을 구현했습니다.

출시 예정: Divi 레이아웃 AI!

이번 달 Divi 5 업데이트는 여기까지입니다. 또 다른 소식으로, 제가 기대하고 있는 새로운 Divi AI 기능이 곧 출시될 예정입니다. 우리는 이미 텍스트, 이미지, 코드 생성을 위한 AI 도구를 만들었습니다. 다음으로 AI를 사용하여 전체 레이아웃을 생성할 수 있도록 모든 것을 하나로 묶습니다. 참고: 다음 비디오에서는 레이아웃 생성 속도가 빨라졌습니다.

Divi AI에 원하는 페이지 유형을 알려주면 레이아웃 구성, 이미지 생성, 콘텐츠 작성, 글꼴 및 색상 맞춤 설정 등이 가능합니다. 몇 초 만에 전체 페이지를 준비할 수 있으며 Divi의 디자인 설정으로 이동하여 마무리 작업을 하거나 Divi의 AI 도구를 사용하여 결과를 더욱 구체화할 수 있습니다.

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

Divi Layouts AI의 출시를 계속 지켜봐 주시기 바랍니다. 다음 달에 또 다른 Divi 5 업데이트를 다시 확인하는 것도 잊지 마세요. 이메일로 팔로우하고 YouTube를 구독하여 중요한 소식을 놓치지 마세요. 다음 시간에 뵙겠습니다.