워드프레스 Divi 5.12 릴리스: 베타 종료와 혁신적인 'AI 에이전트' 도입

오늘은 워드프레스 인기 테마이자 빌더인 Divi의 최신 업데이트 소식을 가져왔습니다. 드디어 기나긴 베타 기간이 끝나고, 정식으로 실무(Production) 환경에서 사용할 수 있는 Divi 5.12 버전이 출시되었습니다.

이번 업데이트는 71개의 버그 수정과 개선 사항을 포함하고 있으며, 특히 올해 가장 의미 있는 업데이트인 'AI 에이전트(AI Agents)'가 도입되어 웹사이트 제작 방식에 새로운 패러다임을 제시하고 있습니다.

워드프레스 Divi 테마

Divi는 베스트셀링 테마인 아바다(Avada)와 함께 가장 많이 판매된 테마 중 하나입니다. 2026년 9월 9일 현재 (자체 통계 기준으로) 아바다는 판매량이 100만을 초과했고 Divi는 97만 정도로 아바다의 뒤를 따르고 있습니다.

아바다 빌더라는 자체 빌더가 내장된 Avada는 초보자부터 고급 사용자까지 쉽게 사용할 수 있는 강력한 다목적 테마입니다. 이 테마는 1개 사이트에만 적용이 가능하고 다소 무겁다는 단점이 있습니다.

Divi 테마는 Divi Builder가 내장되어 있으며 Divi 5로 업데이트되면서 빌더 속도와 성능이 크게 향상되었습니다.

Divi 5는 단순한 업데이트가 아니라 아키텍처, 저장 방식, 프론트엔드 출력까지 전면적으로 재설계된 버전입니다. Divi 4가 숏코드 기반 PHP 렌더링과 비모듈화된 CSS/JS 로드 방식을 사용했다면, Divi 5는 리액트(React) 기반 프론트엔드와 JSON(블록형) 저장 구조, 그리고 다이나믹 프레임워크(Dynamic Framework) 기반의 동적 애셋 로딩 방식을 도입했습니다. 그 결과 빌더의 반응 속도는 물론 페이지 성능과 유지보수성까지 동시에 개선되었습니다.

Divi 5의 주요 개선 사항

• 아키텍처·저장 방식: 숏코드 문자열 저장 방식에서 구조화된 JSON/블록 저장 방식으로 전환되어, 파싱 오버헤드가 줄고 데이터 무결성과 마이그레이션 편의성이 향상되었습니다.
• 프론트엔드 성능: 모듈 단위 동적 애셋 로딩(Dynamic Framework), 크리티컬 CSS 자동 생성, JS 청킹·지연 로드를 통해 DOM 및 스타일 부하가 감소했습니다. 그 결과 평균 로딩 속도가 약 30~40% 개선되고 Core Web Vitals(LCP·INP) 점수도 상승했습니다.
• 비주얼 빌더 속도: React 기반 실시간 클라이언트 렌더링으로 서버 왕복 요청을 최소화해, 모듈 로딩과 옵션 패널의 반응 속도가 눈에 띄게 빨라졌습니다.
• 레이아웃 엔진: 플렉스박스·그리드(Flexbox·Grid)를 기본 지원하고 중첩(nested) 레이아웃과 컨테이너 시스템을 강화했습니다. 반응형 브레이크포인트도 3개에서 7개로 확장되어 디바이스별 제어가 훨씬 정밀해졌습니다.
• 디자인 시스템: 전역 변수(Variables Manager), 프리셋, 스타일시트를 중앙에서 관리할 수 있어 일관성과 재사용성이 높아지고, 테마 전반의 스타일 변경도 한결 효율적으로 처리할 수 있습니다.
• 빌더 UX/UI: 상단 바(미리보기·저장·반응형 전환·실행 취소 등)와 좌측 사이드바(레이아웃 삽입·레이어·와이어프레임·Xray 등)로 작업 흐름이 단순해졌고, 패널을 도킹·탭·플로팅 형태로 자유롭게 배치할 수 있는 커스터마이즈 워크스페이스가 도입되었습니다.
• 페이지 관리 기능: 빌더 내에서 바로 페이지를 생성·복제·삭제·편집할 수 있는 Page Manager, 원클릭 미리보기 모드, 하위 요소에 빠르게 접근할 수 있는 콘텐츠 드릴다운 기능이 추가되었습니다.
• 코드 산출물 최적화: 불필요한 인라인 스타일을 제거하고 경량화된 CSS/JS를 출력하며, 마크업을 깔끔하게 정리해 SEO와 크롤링 효율을 높였습니다.
• 호환성·유지보수: 레거시 코드를 제거해 버그가 발생할 여지를 줄이고, 업데이트·플러그인 충돌 리스크를 낮췄으며, 장기적인 유지보수 부담도 크게 경감되었습니다.

엘리멘터나 아바다 빌더 등 워드프레스 빌더로 페이지 편집 작업을 하다 보면 속도가 느리다는 느낌을 받지만, Divi 5에서는 즉각적으로 반응하므로 속도가 이전 버전이나 다른 빌더에 비해 획기적으로 향상되었다는 것을 체감할 수 있습니다.

Divi 빌더의 UI가 매우 세련되게 바뀌었고 무엇보다 클릭을 하면 즉각적으로 반응하므로 사용자 경험(UX)이 크게 향상되었습니다. 마치 Wix를 사용하는 것 같은 느낌을 가지게 됩니다.😄

특히 2,695개의 레이아웃(370개 레이아웃 팩)을 제공하고 있어서 원하는 디자인의 레이아웃을 로드한 다음 편집하여 페이지를 빠르게 만들 수 있습니다. 여러 개의 레이아웃을 조합하는 것도 가능합니다.

Divi AI를 사용한다면 AI로 사이트를 빠르게 생성할 수 있습니다.

Divi는 연간 라이선스뿐만 아니라 평생 라이선스도 제공하고 있습니다. 또한, 라이선스 기간(1년 또는 평생) 동안 사이트 개수에 제한 없이 설치가 가능합니다.

유연한 라이선스 정책 때문에 클라이언트를 위해 사이트를 제작하는 웹 에이전시나 여러 개의 사이트를 만들어 관리하는 사용자들에게 인기가 많습니다.

Divi는 새로운 기능을 다른 테마나 빌더보다 빠르게 도입하여 활성화시키고 있습니다. 예를 들어, 엘리멘터의 테마 빌더도 사실 Divi가 먼저 출시한 Theme Builder와 비슷한 기능이고, AI 기능도 Divi가 빠르게 도입하여 지속적으로 발전시키고 있습니다.

Divi 5.12 릴리스: 베타 종료 및 혁신적인 'AI 에이전트'의 등장

Divi에 AI 에이전트가 도입되어 사이트 제작 방식이 획기적으로 바뀌는 계기가 될 것 같습니다.

Divi AI 에이전트 도입

이번 5.12 버전의 가장 큰 하이라이트는 'AI 에이전트'의 추가입니다. 이제 사용자는 자연어(텍스트)를 통해 빌더 내에서 실질적인 작업을 AI에게 지시할 수 있습니다.

• 자동화된 디자인 및 편집: 복잡한 설정 패널을 일일이 클릭하거나 반복 작업을 할 필요 없이, 원하는 바를 말하기만 하면 AI가 알아서 레이아웃을 구성하고 모듈과 디자인 설정을 수정합니다.
• 포괄적인 사이트 관리: 단순한 페이지 생성을 넘어 메뉴 관리, 테마 빌더 템플릿 작업까지 지원합니다.
• 시각적 레퍼런스 분석: 다른 웹사이트의 스크린샷이나 참조 자료를 AI에게 보여주면, 이를 바탕으로 영감을 얻어 새로운 디자인을 구축할 수 있습니다.

버그 수정 및 성능 개선

Divi 5.12는 새로인 기능뿐만 아니라 시스템 안정성과 편의성을 높이기 위해 71개의 대대적인 패치를 진행했습니다.

• 우커머스(WooCommerce) 최적화: 테마 빌더 반응형 레이아웃에서 발생하던 상품 옵션 이미지 전환 버그와 체크아웃 페이지 오류를 수정했습니다.
• 빌더 사용성 개선: 동적 콘텐츠(Dynamic Content) 활성화 상태에서 모듈 설정 필드 간의 탭(Tab) 키 이동이 원활해지도록 내비게이션을 고쳤습니다.
• 시각적 오류 해결: 그룹 캐러셀(Group Carousel)의 배경 비디오 잘림 현상, 아이콘 리스트의 간격 문제, 블로그 모듈의 그리드 레이아웃 썸네일 크기 오류 등을 바로잡았습니다.
• 성능 향상: 프론트엔드 자바스크립트 번들 크기를 줄이고, 불필요한 유효성 검사 로직을 제거하여 렌더링 속도를 개선했습니다.

자세한 정보는 Divi 5.12 릴리스 노트 문서를 참고하세요.

Q&A (질문과 답변)

Q1. Divi 5.12는 정식으로 실무(프로덕션) 환경에서 사용해도 안전한가요?

네. 오랜 베타 테스트 기간을 거쳐 정식 출시된 버전이라 실무 사이트에 바로 적용하셔도 됩니다. 다만 기존 버전을 이용하고 있고 대규모 프로젝트라면 업데이트 전 스테이징 환경에서 먼저 테스트해보시는 것을 권장합니다.

Q2. Divi 5의 'AI 에이전트'는 기존 Divi AI와 어떻게 다른가요?

기존 Divi AI가 텍스트·이미지 생성 등 콘텐츠 제작 보조에 가까웠다면, AI 에이전트는 자연어 지시만으로 레이아웃 구성, 모듈 설정, 메뉴 관리, 테마 빌더 템플릿 작업까지 실제 빌더 조작을 대신 수행한다는 점에서 차이가 있는 것 같습니다.

Q3. Divi 5로 업데이트하면 기존 Divi 4로 만든 사이트도 자동으로 호환되나요?

Divi 5는 저장 방식 자체가 숏코드에서 JSON(블록형) 구조로 바뀌었지만, 기존 Divi 4 콘텐츠와의 하위 호환성을 고려해 설계되었습니다.

Divi 최신 버전을 설치하면 Divi 5 Migrator 툴을 이용하여 Divi 4를 Divi 5로 마이그레이션할 수 있습니다.

심플한 사이트인 경우 오류 없이 마이그레이션이 되지만, 커스텀을 많이 한 사이트의 경우 Divi 5로 마이그레이션하면 레이아웃이 깨지는 등 오류가 발생할 가능성이 있습니다.

레이아웃이 깨지더라도 페이지 편집을 열고 저장 버튼을 누르면 정상적으로 레이아웃이 표시될 수도 있습니다. 만약 오류가 너무 심하다면 Divi 4로 복원하거나 Divi 5로 마이그레이션한 상태에서 문제가 되는 부분을 새로 만드는 것을 고려할 수 있습니다.

Q4. Divi와 아바다(Avada) 중 어떤 테마를 선택하는 것이 좋을까요?

두 테마 모두 강력한 다목적 테마지만 라이선스 정책에서 차이가 큽니다. 아바다는 1개 사이트에만 라이선스가 적용되는 반면, Divi는 무제한 사이트에 사용할 수 있고 연간 라이선스뿐만 아니라 라이프타임(평생) 라이선스를 제공해 여러 사이트를 운영하는 사용자나 웹 에이전시에 유리합니다.

Q6. Divi 5.12에서 수정된 버그 중 우커머스(WooCommerce) 사용자가 특히 확인해야 할 부분은 무엇인가요?

테마 빌더의 반응형 레이아웃에서 발생하던 상품 옵션 이미지 전환 오류와 체크아웃 페이지 오류가 이번 업데이트에서 수정되었습니다. 쇼핑몰을 운영 중이시라면 업데이트 후 상품 페이지와 체크아웃 흐름을 한 번씩 점검해보시기 바랍니다.

참고

• 워드프레스 Divi 5: 차세대 페이지 빌더 공개 - 속도와 안정성 획기적으로 향상
• 워드프레스 사이트 이전 후 레이아웃 깨짐 문제 해결 방법 (feat. 아바다 테마)
• 6개월 만의 소규모 리뉴얼, 워드프레스 블로그 홈(대문) 페이지 레이아웃 변경