Divi 5 Waves는 단축 코드에 작별을 고합니다. 이것이 중요한 이유는 다음과 같습니다.

Divi는 오랫동안 가장 강력하고 다재다능한 WordPress 테마 중 하나로 여겨져 왔습니다. Divi 5의 출시로 우리는 상황을 뒤흔들고 있습니다. 이전 버전의 Divi에서는 짧은 코드(작은 코드 조각)가 Divi 디자인 모듈의 자리 표시자 역할을 하여 Visual Builder가 백엔드 명령을 통해 복잡한 레이아웃과 스타일을 생성할 수 있었습니다.

Divi 5가 출시되면서 단축 코드가 사라졌고 프레임워크를 처음부터 완전히 다시 작성했습니다. 이 게시물에서는 Gutenberg 블록과 유사하게 구축된 Divi의 새로운 프레임워크가 그 어느 때보다 효율적이고 강력하다는 사실을 살펴보겠습니다.

Divi 5 Public Alpha와 다운로드 방법에 대해 자세히 알아보세요.

Divi 5 공개 알파 다운로드

단축 코드란 무엇입니까?

단축 코드는 사용자가 긴 형식의 코드 없이 웹사이트에 복잡한 콘텐츠와 기능을 더 쉽게 추가할 수 있도록 설계되었습니다. 예를 들어, HTML 및 CSS로 전체 양식이나 이미지 갤러리를 수동으로 코딩하는 대신 사용자는 [갤러리]와 같은 단축 코드를 삽입할 수 있으며, WordPress는 페이지가 렌더링될 때 필요한 요소를 자동으로 생성합니다.

단축 코드의 기본 아이디어는 WordPress를 더욱 사용자 친화적으로 만드는 것이었습니다. 이러한 짧은 스니펫은 사용자 정의 기능을 실행하고 사용자 정의 요소를 렌더링할 수 있어 웹사이트 전체에서 쉽게 재사용할 수 있습니다.

Divi가 과거에 단축 코드를 사용한 방법

Divi는 WordPress의 기본 단축 코드 시스템을 사용하여 빌더 요소를 구성했으며 각 단축 코드는 더 큰 디자인에서 단일 빌딩 블록처럼 작동했습니다.

예를 들어, 사용자가 Visual Builder에서 버튼을 추가하면 Divi는 색상, 크기, 테두리 반경 등과 같은 모든 속성을 정의하는 해당 버튼에 대한 단축 코드를 삽입합니다. 놀라운 레이아웃을 구축하지만 그 뒤에서 Divi는 단축 코드를 스택하여 각 요소를 정의하고 렌더링합니다.

Divi를 비활성화하고 Divi Builder로 구축한 페이지를 방문한 적이 있다면 아래 단축 코드를 보셨을 것입니다.

Divi 5에서 단축 코드를 없앤 이유

WordPress에서는 블록을 선호하여 단축 코드에서 벗어나고 있습니다. 그 이유만으로도 Divi는 단축 코드에 대한 의존을 포기해야 하며, 이는 필연적으로 더 이상 사용되지 않을 것입니다. Divi 4는 과거에 살고 있으며 Divi 5는 미래를 위해 만들어졌습니다. 그러나 이동해야 할 이유가 더 많아 Divi 사용자에게 큰 도움이 될 것입니다.

향상된 성능

첫 번째 이유는 성능 입니다. 단축 코드로 작성된 페이지를 구문 분석하는 것은 적절한 계층 구조가 없기 때문에 효율성이 떨어집니다. Divi가 방대한 단축 코드 콘텐츠 문자열을 가져와 이해하는 데 시간이 더 오래 걸립니다. 게다가 WordPress가 단축 코드 콘텐츠를 렌더링하는 속도도 아쉬운 부분이 있습니다. Divi 4는 이 시스템을 한계까지 밀어붙이고 있습니다.

향상된 다양성

두 번째 이유는 다양성 입니다. 단축 코드는 복잡하고 중첩된 디자인 시스템의 일부로 구상되지 않았습니다. Divi 4는 섹션 내 행 내 열 내에 모듈을 중첩할 때 발생하는 문제를 피하기 위해 여러 가지 문제를 해결해야 했으며, 열 내 열과 같은 더 많은 중첩 가능성을 추가하면 완전히 새로운 웜 캔이 열립니다. Divi 5는 새로운 저장 형식으로 이 문제를 해결하여 요소를 무한히 중첩할 수 있습니다.

향상된 안정성

세 번째 이유는 안정성 이다. API로서 쇼코드에는 제한이 있습니다. 복잡한 데이터를 저장하기 위해 중괄호와 속성을 사용하는 방식은 하나의 붉은 문자가 전체 시스템을 다운시킬 수 있음을 의미합니다. Divi 5는 잘못될 수 있는 일이 적기 때문에 버그가 더 적습니다.

향상된 상호 호환성

네 번째 이유는 상호 호환성 입니다. Divi 5의 새로운 저장 형식은 WordPress의 기본 블록을 모방하여 Divi와 Gutenberg가 더 쉽게 서로 대화할 수 있도록 해줍니다.

이것은 큰 변화였습니다. 우리는 다시 시작해야 했어요! 하지만 Divi의 장기적인 생존을 위해서는 매우 중요합니다.

블록 기반 비주얼 빌더 시스템으로의 전환

보다 현대적인 접근 방식의 필요성을 인식한 Divi 5는 WordPress의 미래에 맞춰 블록 기반 접근 방식을 선호하여 단축 코드에서 벗어났습니다. Divi 5는 단축 코드에 의존하는 대신 WordPress의 블록 기반 아키텍처를 모방합니다. Divi 5에서 단축 코드를 제거하는 것은 Divi를 더 빠르고, 더 유연하고, 더 쉽게 사용할 수 있도록 하기 위한 더 큰 노력의 일부입니다. Divi 5는 기존 프레임워크를 제거하여 상당한 성능 향상을 제공합니다.

유연성 측면에서 Divi 5는 보다 동적이고 확장 가능한 사이트 구축 기능을 제공합니다. 이 현대적인 새로운 프레임워크는 Divi 4의 단축 코드 기반 프레임워크에서는 불가능한 더 복잡한 기능으로 쉽게 확장 및 통합될 수 있습니다.

기존 Divi 웹사이트에 어떤 영향을 미치나요?

오랫동안 Divi를 사용해 온 많은 사람들에게 가장 시급한 질문은 Divi 4로 구축된 기존 웹사이트가 어떻게 될 것인가입니다. 다행히도 우리는 이를 계획했습니다. Divi 5는 새로운 사이트 구축에서 단축 코드를 제거하지만 기존 웹 사이트는 영향을 받지 않습니다.

Divi 5에는 모든 Divi 5 단축 코드를 Divi 5 블록으로 변환하는 마이그레이션 기능이 함께 제공됩니다. 버튼을 클릭하는 것만큼 쉽습니다!

Divi 5는 이전 버전과도 호환되도록 설계되어 마이그레이션 이전에도 웹 사이트가 계속해서 정상적으로 작동하도록 보장합니다. Divi 5가 레거시 단축 코드를 감지하면 해당 콘텐츠가 제대로 마이그레이션되거나 타사 모듈이 Divi 5를 지원하도록 업데이트될 때까지 이전 버전과의 호환성 모드에서 실행됩니다.

Divi 5: 더 빠르고, 더 깨끗하고, 더 유연합니다

Divi 4의 단축 코드 기반 프레임워크를 제거하는 것은 중요한 진전입니다.

그 차이를 직접 경험하고 싶으신가요? 이제 Divi 5 Alpha를 테스트하고 가장 큰 변화를 숙지할 완벽한 시간입니다. 버그를 찾고 Divi 5의 최종 버전을 더욱 개선할 수 있도록 도와주세요.

Divi 5 Alpha를 로컬 또는 준비 사이트에서만 테스트하십시오. 이 단계, 특히 마이그레이션 중에 많은 버그가 발생할 가능성이 높습니다. 버그 테스트 단계에 참여하고 싶지 않다면 나중에 시작하세요.