Divi 5(공개 알파)에서 패널을 도킹하는 방법

Divi 5 Visual Builder의 가장 흥미로운 새로운 기능 중 하나는 설정 패널을 도킹하는 기능입니다. 이 기능은 작업 공간에 대한 향상된 제어 기능을 제공하여 복잡한 모달을 줄이고 원활한 멀티태스킹을 가능하게 합니다. 여러 설정 패널을 화면 양쪽에 도킹하고 필요에 따라 액세스할 수 있습니다. 계속해서 모달을 열고 닫는 시대는 지났습니다. Divi 5를 사용하면 모든 것을 손쉽게 사용할 수 있습니다.

다중 패널 도킹을 사용하면 작업 흐름에 맞게 인터페이스를 맞춤 설정할 수 있습니다. 이 게시물에서는 획기적인 기능을 최대한 활용할 수 있도록 도킹을 효과적으로 사용하는 방법을 안내합니다.

Divi 5 Alpha 다운로드 Divi 5 데모 사용해 보기 Divi 5 버그 테스터 되기

최적화된 작업 흐름을 위한 도킹 패널을 갖춘 새로운 Divi 5 Visual Builder.

Divi 5의 도킹이란 무엇입니까?

이것은 Divi에서 항상 원했던 생산성 해킹일 수 있습니다. 이를 통해 여러 설정과 동시에 상호 작용할 수 있으므로 속도를 저하시킬 수 있는 클릭과 방해가 줄어듭니다. 추가 보너스로, 컨트롤과 모달이 사라지지 않기 때문에 새로운 사용자가 Divi를 그 어느 때보다 쉽게 ​​배울 수 있을 것이라고 개인적으로 생각합니다.

Divi 5에 도킹하면 다양한 Visual Builder 패널을 인터페이스 측면에 고정하여 이동하고 구성할 수 있습니다. 이를 통해 작업 공간과 상호 작용할 수 있는 여러 가지 방법이 제공됩니다. 작업하면서 여러 패널을 열고 닫는 대신 이제 패널을 제자리에 고정하여 필요한 모든 것을 보고 접근할 수 있습니다.

표시됨: 왼쪽의 레이어 패널과 오른쪽에 도킹된 페이지/설정 패널.

다중 패널 도킹 기능을 도입하면 여러 패널을 동시에 열고 탭으로 구성할 수 있으므로 작업 흐름을 중단하지 않고 다양한 설정 간에 전환할 수 있습니다. 빌더를 개인화하는 것은 쉽습니다.

패널을 도킹하는 방법

이 새로운 기능은 많은 유연성을 제공하지만 모두 동일한 도킹 원리로 작동합니다.

1단계: 패널 선택
특정 패널을 발견하면 원하는 곳에 배치할 수 있습니다. 도킹 가능한 패널의 예로는 페이지/설정 패널, 레이어 패널, 도움말 패널, 빌더 설정 패널 및 기록 패널이 있습니다.

2단계: 패널 도킹
패널을 고정하려면 해당 패널을 클릭하여 화면의 오른쪽이나 왼쪽 가장자리로 드래그하세요. 패널을 놓으면 패널이 제자리에 고정되고 작업 공간 측면에 도킹된 상태로 유지됩니다. 필요한 경우 도킹된 패널을 쉽게 클릭하고 드래그하여 반대쪽으로 위치를 변경하거나 고정된 상태로 유지하여 빠르게 액세스할 수 있습니다.

패널을 작업 공간의 왼쪽이나 오른쪽으로 드래그하여 도킹하는 방법을 살펴보세요.

3단계: 탭 또는 분할 도킹으로 정리
패널은 탭이나 분할 도킹을 통해 구성할 수 있으므로 패널을 닫지 않고도 여러 패널 간에 쉽게 전환/스크롤할 수 있습니다.

전문가 팁: 동일한 패널 사이를 앞뒤로 전환하는 경우 해당 패널을 고정한 상태로 유지하고 탭을 사용하여 빠르게 탐색할 수 있습니다. 이렇게 하면 모달을 반복적으로 열고 닫을 필요가 없어져 디자인에 집중할 수 있습니다.

다중 패널 도킹의 이점

여러 설정 패널을 동시에 구성하고 관리할 수 있는 기능을 제공하는 Divi 5를 사용하면 더 빠르고 효율적으로 디자인할 수 있습니다.

1. 나만의 방식으로 비주얼 빌더 만들기

Divi 4는 거의 그대로 배치되었으며 사용자를 그 틀에 유지했습니다(몇 가지 사소한 조정 가능한 측면 제외). Divi 5의 다중 패널 도킹을 사용하면 고유한 디자인 프로세스에 맞게 작업 공간을 설정할 수 있습니다. 팝업 설정 모달 사이를 이동하는 대신 가장 많이 사용되는 패널이 항상 표시되어 빠르게 조정할 수 있습니다.

My Divi 5 VB 설정: 바로 가기를 위한 오른쪽 하단의 도움말 패널, 오른쪽 상단의 레이어 패널, 디자인 설정을 위한 왼쪽의 페이지/설정 패널, 각 페이지 요소의 경계를 볼 수 있는 X-Ray 및 건강한 양의 오렌지 .

2. 원활한 패널 전환: 탭 및 분할 도킹

여러 설정 패널을 도킹하면 멀티태스킹이 더 쉬워집니다. 더 이상 작업하면서 다양한 모달을 반복적으로 열고 닫을 필요가 없습니다. 필요한 패널을 도킹하고 탭을 사용하여 패널 간에 즉시 전환하거나 여러 패널 보기를 쌓아서 편집하는 동안 즉각적인 가시성을 유지하세요. 요소를 클릭하면 패널이 지정된 위치에 해당 설정으로 채워집니다.

3. 숨겨진 옵션 감소

Divi 5는 Divi 4에서 추가 클릭 뒤에 숨겨진 모든 Visual Builder 설정을 찾아냅니다. 원하는 위치로 이동하기 위해 여러 번 클릭하는 대신 더 많은 설정이 노출됩니다. 도킹 가능한 패널이 그 중 큰 부분을 차지하지만 다른 UI 개선 사항도 이에 영향을 미칩니다. 첫 번째 주목할만한 기능은 설정 패널의 탐색경로 트레일입니다. 이를 통해 사용자는 선택한 하위 항목의 상위 항목을 보고 쉽게 탐색할 수 있습니다.

다음은 영구 페이지 표시줄(상단 표시줄)과 사이드바 컨트롤(왼쪽)입니다. 두 가지 모두 항상 몇 가지 중요한 설정과 기능에 매우 쉽게 액세스할 수 있습니다. 기본 WordPress 관리 표시줄을 표시하거나 숨기는 옵션도 있는데, 이 옵션을 사용하면 모든 것이 훨씬 깔끔하게 정리됩니다.

마지막으로, 페이지의 요소를 마우스 오른쪽 버튼으로 클릭하면 추가 옵션이 즉시 표시됩니다.

4. 밝은 모드와 어두운 모드로 사용자 정의 가능한 색 구성표

제가 지적하고 싶은 마지막 사용자 정의 기능은 매우 훌륭한 삶의 질 기능입니다. 페이지에는 항상 있을 수 있는 내용이 너무 많기 때문에 이러한 내용이 표시되는 방식을 약간 제어할 수 있는 것이 좋습니다. 밝은 모드와 어두운 모드 사이를 전환하는 기능은 정말 좋은 추가 기능입니다. 선호하는 색 구성표를 선택할 수 있는 옵션도 있습니다(주황색은 제가 가장 좋아하는 색이므로 예, 부탁드립니다).

패널과 도킹 영역의 스타일을 지정하고 배열하는 것이 좋습니다.

Divi 5 인터페이스에 대해 더 자세히 알고 싶으십니까? Divi 5 인터페이스 알아보기에 대한 자세한 가이드를 읽어보세요.

패널 도킹을 시도해 볼 준비가 되셨나요? 지금 Divi 5 Public Alpha를 다운로드하고 작업 공간을 정리해보세요.

Divi 5 공개 알파 다운로드

발견한 버그를 신고하세요.

버그 테스터로 참여하여 Divi 5를 개선하는 데 도움이 필요합니다! 지원 채팅을 통해 버그를 신고할 수 있습니다. 회원 영역의 도움말 탭으로 이동하여 기술 지원 아래에 있는 녹색 "팀과 채팅" 버튼을 클릭하세요.

프로세스에 대해 자세히 알아보려면 모든 버그 테스터 호출 게시물을 확인하세요.

도킹 패널 기능(또는 기타 기능)과 관련된 Visual Builder에서 버그를 발견하면 알려주시기 바랍니다.

Divi 5 버그 테스터가 되어보세요

최종 생각

Divi 5의 다중 패널 도킹 기능은 사라지는 설정을 줄이고 개인화 수준을 높여 작업할 수 있도록 설계되었습니다. Divi 5는 불필요한 클릭을 제거하고 도구를 손쉽게 사용할 수 있도록 하여 작업 흐름에 맞게 여러 패널을 도킹하고 구성할 수 있도록 해줍니다.

이제 이 기능을 최대한 활용하는 방법을 알았으므로 직접 사용해 볼 차례입니다. 지금 Divi 5 Public Alpha를 다운로드하고 작업 공간을 맞춤화해 보세요. 우리는 이 기능이 귀하의 디자인 경험을 어떻게 향상시키는지 듣고 싶어하며, 귀하의 피드백은 최종 릴리스가 가까워짐에 따라 Divi 5를 개선하는 데 도움이 될 것입니다. 자체 테스트 환경에서 Divi 5를 테스트하고 싶지 않거나 테스트할 수 없는 경우에도 라이브 Divi 5 데모에서 도킹 기능을 사용해 볼 수 있습니다.

Divi 5 Alpha 다운로드 Divi 5 데모 사용해 보기

추가 Divi 5 리소스

• 인터페이스의 주요 변경 사항에 대해 자세히 알아보려면 Divi 5 인터페이스에 대한 심층 게시물을 읽어보세요.
• 더 빠른 경험을 원하는 사람들을 위해 Divi 5의 초고속 Visual Builder 비교를 놓치지 마세요.
• Divi 5가 복잡한 프로젝트에서 어떻게 작동하는지에 관심이 있다면 Divi 5에서 단축 코드를 제거한 이유를 살펴보는 것이 좋습니다.
• 또한 Divi 5 다운로드 및 설치에 대한 전체 과정을 보려면 Divi 5 Public Alpha에 대한 자세한 설치 가이드를 확인하세요.
• 마지막으로 Call All Bug Testers 캠페인에 버그 테스터로 참여하여 Divi 5 개선에 도움을 줄 수 있는 방법을 알려주시면 감사하겠습니다.