Divi 기능 업데이트! 새로운 맞춤형 비주얼 빌더 소개

지구상에서 최고의 웹사이트 빌더를 구축할 때 우리는 빌더가 무엇을 할 수 있는지 뿐만 아니라 이러한 일을 어떻게 수행 하는지 에 초점을 맞추는 것이 중요합니다. Divi Builder 인터페이스는 수십만 명의 디자이너가 하루를 보내는 곳입니다. 클릭할 때마다, 마우스를 움직일 때마다, 모든 상호 작용이 우리에게 중요하며 모든 사람이 즐겁게 사용할 수 있는 인터페이스를 만들고 싶습니다.

오늘 우리는 Visual Builder를 위한 두 가지 새로운 상호 작용 모드와 함께 새로운 인터페이스 사용자 정의 옵션을 소개합니다. 이러한 설정을 통해 컨트롤을 손에 넣을 수 있으므로 고유한 기본 설정에 따라 완벽한 건물 경험을 조정할 수 있습니다.

클릭 모드 소개

기본적으로 Visual Builder의 주요 상호 작용 형식은 hover 를 중심으로 이루어집니다. 모듈, 행 및 섹션 위로 마우스를 가져가면 해당 컨트롤이 표시되고 이러한 컨트롤을 클릭할 수 있습니다. 이것은 컨트롤에 빠르게 액세스할 수 있는 좋은 방법이며 페이지 작성에 선호되는 방법입니다. 즉, 모든 사람이 이 상호 작용 방식을 즐기는 것은 아니며 마우스가 원하는 컨트롤을 초과하여 클릭하려고 하기 직전에 버튼이 사라지면 실망할 수 있다는 것을 알고 있습니다!

이것이 바로 우리가 클릭 모드라는 Visual Builder용 완전히 새로운 상호 작용 모드를 구축한 이유입니다. 호버 모드와 달리 클릭 모드에 있을 때 컨트롤은 요소 위로 마우스를 가져갈 때가 아니라 요소를 클릭할 때 표시됩니다. 요소를 클릭하면 다른 것을 클릭하거나 종료할 때까지 해당 컨트롤이 계속 표시됩니다.

또한 클릭 모드를 사용하면 모든 요소 위에 마우스를 올려 놓으면 모든 요소에 대한 명확한 개요를 제공하여 페이지에서 요소를 더 쉽게 찾을 수 있습니다. 이렇게 하면 특히 일련의 작은 모듈을 다룰 때 찾고 있는 정확한 항목을 찾고 클릭하기가 훨씬 쉬워집니다.

그리드 모드 소개

호버 모드 및 클릭 모드 외에도 그리드 모드도 도입됩니다. 그리드 모드가 활성화되면 페이지의 모든 모듈, 행 및 섹션 컨트롤이 한 번에 표시됩니다. 클릭할 필요도 없고 마우스를 가져갈 필요도 없습니다. 요소의 설정을 열면 격자가 사라지고 디자인을 조정하는 동안 페이지의 명확한 그림이 제공됩니다. 그리드 모드를 계속 사용하기에는 너무 산만하다고 생각하더라도 특히 많은 사용자 지정 크기 조정 및 간격을 처리할 때 페이지 구조를 명확하게 파악하기 위해 모드를 켜고 끄는 것이 매우 유용합니다.

향상된 호버 모드

두 가지 새로운 상호 작용 모드를 추가했을 뿐만 아니라 Divi의 기본 호버 모드도 크게 개선했습니다. 우리의 주요 초점은 작은 모듈에 대한 호버 버튼의 위치를 ​​개선하고 특정 드문 상황에서 컨트롤에 액세스하기 어렵거나 불가능하게 만드는 원치 않는 버튼 겹침을 제거하는 것이었습니다. 결과? 그들은 그냥 손이 닿지 밖에 모듈의 쥐덫 때문에 더 이상 액세스 호버 버튼에 자신이없는 찾을 것이다!

도구 모음 사용자 지정

이제 Visual Builder 도구 모음을 사용자 지정할 수 있으므로 페이지를 구축하는 동안 쉽게 액세스할 수 있는 보기 모드와 상호 작용 모드를 제어할 수 있습니다. 한 번의 클릭으로 와이어프레임 모드, 클릭 모드, 그리드 모드, 확대/축소 및 모든 반응형 미리보기에 빠르게 액세스할 수 있습니다. 또는 이러한 모드를 사용하지 않으려는 경우 공간을 확보하기 위해 도구 모음에서 제거할 수 있습니다.

모든 옵션 열기 기본적으로 토글

Visual Builder에서 설정 팝업을 열면 모든 옵션이 그룹으로 구성됩니다. 이러한 그룹은 기본적으로 닫혀 있으며 마우스 클릭으로 열 수 있습니다. 오늘 우리는 이 동작을 변경하는 새로운 "기본적으로 모든 옵션 열기 토글" 설정을 소개합니다. 활성화하면 기본적으로 모든 옵션 그룹이 열리고 모든 옵션이 한 번에 표시되고 전체 설정 목록을 스크롤할 수 있습니다.

비활성화된 모듈을 완전히 숨기기

Divi Builder를 사용하면 일부 또는 모든 중단점에서 모듈을 숨길 수 있습니다. Visual Builder에서 비활성화된 모듈은 50% 불투명도로 표시됩니다. 이는 항목이 숨겨져 있지만 여전히 빌더에서 볼 수 있으므로 해당 컨트롤에 액세스하고 시각적으로 디자인을 변경할 수 있음을 의미합니다. 그러나 이것은 페이지가 프론트 엔드에서 어떻게 보일지 정확히 알 수 없기 때문에 상당히 산만할 수 있습니다. 오늘 우리는 비활성화된 모듈을 완전히 숨기는 옵션을 소개합니다. 이 설정이 활성화되면 비활성화된 모듈은 Visual Builder 미리 보기에서 완전히 제거됩니다. 이 옵션을 켜고 끌 수 있으므로 숨겨진 모듈을 미리 보고 필요할 때 조정할 수 있습니다.

Divi Builder 인터페이스 애니메이션 제거

Visual Builder 인터페이스에는 전체에 미묘한 애니메이션이 포함되어 있습니다. 구형 컴퓨터와 구형 브라우저에서 이러한 애니메이션은 성능을 저하시키고 빌더의 응답성을 떨어뜨릴 수 있습니다. 오늘 우리는 빌더에서 모든 애니메이션을 비활성화하는 옵션을 도입하여 해당 사용자의 작업 속도를 높이는 데 도움이 됩니다.

기본 모달 위치 선택

Visual Builder의 설정 팝업은 사용자 정의가 가능합니다. 위치, 크기를 변경할 수 있으며 화면 측면에 스냅할 수 있습니다. 기본적으로 빌더는 마지막으로 사용한 팝업 크기와 위치를 기억하고 다음에 모듈을 편집할 때 그에 따라 팝업이 나타납니다. 오늘 우리는 해당 동작을 재정의할 기본 모달 위치를 정의할 수 있는 새로운 옵션을 소개합니다. 다음에 빌더를 활성화하고 설정 팝업을 열면 정의한 기본 위치에 나타납니다.

제어 이력 상태 생성 빈도

기본적으로 Visual Builder는 빌더에서 수행하는 모든 작업에 대해 저장된 히스토리 상태를 생성합니다. 그런 다음 기록 설정 팝업을 사용하여 이 저장된 상태로 되돌릴 수 있습니다. 긴 편집 세션 후에 이 복원 지점 목록이 약간 과도해질 수 있으며 원하는 복원 지점을 찾는 것이 어려울 수 있습니다. 오늘 우리는 기록 상태 생성 빈도를 제한하여 이 목록을 보다 쉽게 ​​관리할 수 있도록 하고 구형 컴퓨터의 성능을 향상시킬 수 있는 새로운 설정을 소개합니다.

기본 상호 작용 모드 선택

그리드 모드 및 클릭 모드의 도입으로 Visual Builder는 이제 콘텐츠와 상호 작용할 수 있는 세 가지 고유한 방법을 제공합니다. 기본적으로 Visual Builder는 호버 모드에서 로드되지만 다른 모드 중 하나를 선호하는 경우 기본 모드로 정의할 수 있습니다. 다음에 빌더를 열면 선택한 상호 작용 모드가 자동으로 활성화됩니다.

지금 가입하고 갱신하고 업그레이드하여 10% 할인을 받으세요!

웹에서 가장 열정적이고 사랑받는 WordPress 테마 커뮤니티에 가입하고 지금 Divi 3.0을 다운로드하십시오. 새로운 Visual Builder를 사용하면 놀랍도록 빠르고 직관적인 시각적 인터페이스를 통해 그 어느 때보다 빠르게 웹사이트를 구축할 수 있습니다. 당신은 그것을 믿기 위해 그것을보아야합니다!

10% 할인을 위해 오늘 가입하세요!
오늘 계정을 10% 할인된 가격으로 갱신하세요!
지금 계정을 업그레이드하여 10% 할인을 받으세요!