Divi 5의 Flexbox 레이아웃 시스템이 도착했습니다

오늘, 우리는 Divi 5 용 완전히 새로운 Flexbox 기반 레이아웃 시스템을 소개합니다.

이것은 사소한 업데이트가 아닙니다. Divi를 재창조하여 응답 레이아웃 고장, 사용자 정의 모듈 순서, 쉬운 수직 정렬 및 요소 위치 등을 포함하여 레이아웃 구조를 구축 할 수 있습니다.

돌을 돌리지 않고 옵션이 잊혀지지 않았습니다. 우리는 모든 일을했으며 수업에서 가장 좋습니다.

새로운 기능을 보려면 다음 비디오를 확인하십시오.

Divi 5의 완전히 새로운 레이아웃 시스템

우리는 Divi의 레이아웃 시스템을 재창조하고 많은 새로운 행 템플릿 및 레이아웃 옵션을 추가했습니다. Flexbox, 중첩 행 및 모듈 그룹을 사용하여 모든 레이아웃을 만들 수 있습니다 !

새로운 레이아웃 시스템은 요소 포지셔닝, 간격, 포장 및 주문을 쉽게 제어합니다.

새로운 Flexbox 행 템플릿의 강력한 선택

먼저 중첩 된 멀티 로우 옵션을 포함한 새로운 행 템플릿을 선택할 수 있습니다. 즐길 수있는 훨씬 더 많은 변형이 있습니다!

이 템플릿에만 국한되지 않습니다. 그들은 편리한 사전 제작 된 예제입니다. 설정 패널을 파헤시면 GuardRails가 없습니다. 원하는만큼 열을 추가하고 원하는 크기를 제공하고 열 내에서 줄을 둥지로하여 레이아웃을 만듭니다.

Flexbox 컨트롤 모든 것을 제어합니다

새로운 Flexbox 옵션은 모든 것을 사용할 수 있습니다. 해킹, JavaScript, 엉망, 놀랍게 작동하는 직관적 인 컨트롤을 제어 할 수 있습니다.

반응 형 행 구조

반응 형 웹 사이트를 구축하는 것은 결코 쉬운 일이 아닙니다.

모든 중단 점에서 다른 구조를 단일 행에 할당 할 수 있습니다. 간단하고 Divi는 다른 빌더보다 더 잘 수행하므로 각 장치의 레이아웃을 완전히 변환 할 수 있습니다. 각 장치의 열 크기를 사용자 정의하고 Flexbox 설정을 조정할 수도 있습니다.

반응 형 요소 순서

반응 형 요소 순서는 산들 바람입니다.

각 장치에서 요소가 흐르는 방향과 개별 요소의 순서를 쉽게 변경할 수 있습니다. 각 장치의 행 구조를 완전히 변경 한 다음 해당 새로운 구조 내에서 최적으로 물건을 다시 주문할 수 있습니다.

쉬운 어린이 요소 포지셔닝

Flexbox는 부모 컨테이너 내의 포지셔닝 요소를 훨씬 간단하게 만듭니다.

JavaScript 또는 절대적으로 위치한 요소를 사용할 필요가 없습니다. 예를 들어, 열 내에서 수직으로 요소를 센터링하는 것은 단 한 번의 클릭입니다.

요소의 높이를 통합하는 것도 간단합니다. 예를 들어, 모든 열의 모든 열을 동일한 높이 또는 열의 모든 모듈을 동일한 높이로 쉽게 만들 수 있습니다.

전문성 및 전액 섹션을 더 이상 사용하지 않습니다

우리는 전문 분야 및 전폭 섹션을 사용하지 않았으며 Divi의 구조적 요소를 크게 단순화합니다 (기존의 전체 폭과 전문 섹션은 계속 작동 할 것입니다. 우리는 새로운 것을 추가 할 수있는 옵션을 제거했습니다).

일반 Flexbox 행으로 모든 것을 (및 그 이상) 할 수 있으므로 다른 섹션 유형이 필요하지 않습니다. 고유 한 전체 너비 모듈의 이름이 바뀌고 표준 섹션에서 제공되어 더 많은 유연성을 제공합니다.

끝없는 새로운 레이아웃 가능성

다루기위한 설정과 탐색 가능성이 너무 많지만 한 가지 분명한 점이 있습니다. Divi의 미래의 레이아웃 시스템은 여기에 있으며 Divi 웹 사이트를 구축하는 것은 결코 같지 않을 것입니다.

물건을 마무리하기 전에 Divi의 새로운 레이아웃 시스템으로 제작 된 몇 가지 창의적인 레이아웃을 보여 드리겠습니다. 레이아웃을 다운로드하여 직접 확인할 수도 있습니다.

레이아웃을 다운로드하십시오

우리는 몇 가지 놀라움을 던졌습니다

이 업데이트에서 몇 가지 놀라운 개선 사항이 있습니다.

• 상당한 속도 개선 - 크고 복잡한 레이아웃을 편집 할 때 건축업자가 훨씬 빠르다는 것을 알 수 있습니다. 무한히 중첩 가능한 행과 새로운 컨테이너 요소가 도입되면 이제 매우 복잡한 디자인을 자유롭게 만들 수 있습니다. 이 업데이트를 통해 우리는 레이아웃이 미쳤을 때에도 건축업자가 여전히 번개가 빨라지도록합니다. 밤과 낮의 차이입니다!
• 새로운 열 옵션 - 갤러리 및 포트폴리오 모듈과 같은 모든 그리드 모듈에는 모든 중단 점에서 그리드의 열 구조를 제어 할 수있는 새로운 열 설정이 있습니다.
• Fullwidth 모듈 이름 변경 - Fullwidth 헤더 모듈의 이름이 영웅으로 바뀌 었으며 Fullwidth 포트폴리오 모듈의 이름이 우편 회전식으로 바뀌 었습니다. 두 모듈 모두 표준 섹션에서 사용할 수 있습니다.
• 포스트 회전 목마에 대한 새로운 포스트 유형 옵션 -새로 이름이 지정된 포스트 캐 러셀 모듈에는 새로운 게시물 유형 설정이있어 모든 유형의 게시물로 회전 목마를 채울 수 있습니다.

오늘 Divi 5를 사용해보십시오

Divi 5 용 Flexbox는 오늘 이용할 수 있으며 올해 Divi에 오는 많은 기능 중 하나입니다.

Divi 5 이상의 최종 릴리스를 통해 2 주마다 업데이트를 통해 진행할 수 있습니다. 우선 순위에 따라 Divi 5를 사용하여 새 웹 사이트를 구축하거나 더 많은 기능을 추가 할 때까지 기다릴 수 있습니다.

Divi 5의 원래 다중 단계 릴리스 일정에 요약 된 바와 같이, Divi 5 Public Alpha는 "Divi 5 Lite"와 같습니다. 몇 가지 기능이없고 기존 웹 사이트에 적합하지 않을 수 있지만 Divi 4의 경험을 선호하는 경우 새 웹 사이트에서 사용할 준비가되었습니다.

우리는 당신이 그것을 시도하기를 원하며, 당신이 그것을 좋아한다면 그것을 사용하십시오. 모두가 그것을 좋아할 때, 우리는 그것을 공식화 할 것입니다.

상호 작용을 시도해 보셨습니까?

우리는 최근 팝업 및 토글과 같은 대화 형 요소를 생성하기위한 강력한 시스템, 창의적인 스크롤 기반 및 마우스 모멘트 기반 효과를 생성하기위한 강력한 시스템 인 Divi 5와의 상호 작용을 발표했습니다. 팝업 빌더가 아닙니다. 건축업자입니다. 방아쇠를 만들고, 효과를 할당하고, 대상을 선택하고, 사용자 정의 상호 작용을 실현시킵니다. 비디오 설명에는 자세한 내용을 알 수있는 링크가 있습니다.

모든 세부 사항에 대해이 비디오를보십시오.

더 많은 Divi 5 업데이트가 진행 중입니다

2025는 Divi 5의 해입니다 . 지루한 일은 우리 뒤에 있습니다. 우리는 초고속 재단을 만들었고 이제 Divi가 복귀 할 때입니다.

Divi 컴백을 위해 여기에 있다면, 우리에게 큰 호의를 베풀고이 비디오를 좋아하고 의견을 남겨서 알려주십시오. 그것은 당신이 Divi를 응원하는 것을 보는 것을 우리에게 의미하며, 알고리즘을 공급하고 단어를 전파하는 것이 필수적입니다.

YouTube에서 우리를 팔로우하고 Divi 뉴스 레터를 구독하여 업데이트를 놓치지 마십시오. 또 다른 Divi 5 장편 발표를 위해 곧 뵙겠습니다.