Divi 리뷰: 웹사이트 디자인 시간을 몇 시간씩 절약하는 빌더

웹사이트를 처음부터 만들어 봤다면 끝없는 플러그인과 복잡한 레이아웃, 원하는 모습을 구현하는 데 드는 시간을 잘 알 것입니다. 그래서 Divi가 눈에 띄었습니다. 이 워드프레스 빌더는 템플릿만 제공하는 것이 아니라 코딩 없이 원하는 대로 사이트를 디자인하게 해줍니다. Divi는 사용법을 단순하게 유지하면서도 독창적인 웹사이트를 만들 수 있는 유연성을 제공합니다. 이 리뷰에서는 Divi의 장단점과 개념, 주요 기능, 적합한 사용자를 살펴보고 플러그인으로 몇 분 만에 전체 글을 만드는 과정도 보여드리겠습니다. 마지막으로 Divi의 대표적인 대안 세 가지(Wix, B12, Brizy)와 비교하겠습니다. 끝나면 Divi가 당신에게 적합한 도구인지 알 수 있을 것입니다!

총평

Divi는 코딩 없이 사용자 지정 가능한 웹사이트를 쉽게 만들 수 있는 웹사이트 빌더입니다. 그러나 최적화되지 않은 경우 느릴 수 있으며 기본 템플릿이 변경되지 않으면 독창성이 부족해 보일 수 있습니다.

장단점

• 드래그 앤 드롭 인터페이스, 코딩 필요 없음
• 빠른 설정을 위한 수천 개의 사전 제작된 템플릿
• 모든 기기에서 반응형 디자인
• 헤더, 푸터, 템플릿 등을 사용자 지정할 수 있는 테마 빌더
• 플러그인, WooCommerce, 마케팅 도구와의 통합
• 애니메이션, 호버 효과, CSS, 글로벌 스타일 등 고급 디자인 옵션
• 콘텐츠 생성 및 디자인을 단순화하는 AI 도구
• 새로운 기능이 포함된 정기적인 업데이트

• 최적화되지 않은 경우 일부 경쟁사보다 느릴 수 있음
• 기본 템플릿은 비슷한 디자인으로 이어질 수 있음

Divi란 무엇인가?

Divi는 인기 있는 워드프레스 테마로, Elegant Themes에서 개발한 강력한 시각적 페이지 빌더를 갖추고 있습니다. 이를 통해 드래그 앤 드롭 인터페이스를 통해 코딩 없이 완전히 사용자 지정 가능한 웹사이트를 만들 수 있습니다.

Divi는 워드프레스 페이지 빌더 공간에서 가장 인지도가 높은 이름 중 하나입니다. 그러나 많은 사람이 Divi가 사실상 두 가지 제품이라고 인식하지 못합니다. 핵심적으로 Divi는 완전한 워드프레스 테마와 독립적인 페이지 빌더 플러그인으로 작동합니다.

Divi의 이중성

전통적인 워드프레스 테마는 미리 결정된 레이아웃과 사용자 지정 옵션을 제한합니다. Divi는 이러한 장벽을 완전히 무너뜨립니다.

테마는 모든 콘텐츠에 깨끗하고 반응형의 기본을 제공합니다. 한편, 빌더 플러그인은 웹사이트 편집을 드래그 앤 드롭 경험으로 변환합니다.

이러한 이중 접근 방식으로 Divi의 빌딩 기능을 워드프레스 테마에 적용할 수 있습니다. 또는 완전한 Divi 테마를 사용하여 완전히 통합된 경험을 제공할 수 있습니다. 이미 좋아하는 테마와 함께 Divi를 사용할 수 있는 유연성을 제공합니다.

간단한 테마에서 시각적 파워하우스까지

Elegant Themes는 2013년에 Divi를 워드프레스 테마로 출시했습니다. 그러나 지난 10년 동안 Divi는 극적인 변화를 겪었습니다.

원래 버전은 백엔드 인터페이스를 사용했습니다. 그러나 라이브, 시각적 편집 옵션이 제공되지 않았습니다.

2016년 비주얼 빌더의 도입은 중요한 전환점이 되었습니다. 사용자들은 이제 프론트엔드에서 웹사이트를 직접 편집할 수 있으며 실시간 미리보기를 제공합니다.

이후 업데이트에서는 고급 기능을 추가했습니다.

• 다이내믹 콘텐츠 통합
• 사용자 지정 CSS 제어
• 테마 빌더 기능(헤더, 푸터, 전체 페이지 템플릿 설계)

시각적 빌딩의 철학

Divi의 목표는 기술적 장벽을 제거하여 웹 디자인을 모든 사람에게 접근 가능하게 만드는 것입니다. 과거에는 사용자 지정 워드프레스 디자인을 만들기 위해 HTML, CSS, PHP와 같은 코딩 기술이 필요했습니다. 많은 사람이 기본 템플릿에 갇혀 있었습니다.

비주얼 빌더는 색상, 글꼴, 간격을 쉽게 제어할 수 있는 간단한 컨트롤을 통해 기술적 장벽을 제거합니다. 페이지 빌딩을 넘어서 전체 사이트 디자인을 다룹니다.

워드프레스 생태계와의 통합

Divi는 워드프레스와 원활하게 작동하며, Divi가 비활성화되어도 콘텐츠가 표준 형식으로 유지됩니다.

Divi는 SEO, 전자상거래, 양식, 보안을 위한 인기 있는 워드프레스 플러그인과 잘 작동합니다. 또한 온라인 제품 판매를 위한 WooCommerce와 통합되며, 디자인을 검색 엔진에 최적화하기 위한 Yoast SEO와 같은 도구를 지원합니다.

시스템은 또한 워드프레스 멀티 사이트를 지원합니다. 즉, 대규모 조직은 하나의 설치에서 여러 웹사이트를 관리할 수 있습니다.

Divi는 누구에게 적합한가?

다음은 Divi를 사용하기 좋은 사람들의 유형입니다:

• 프리랜서와 웹 디자이너는 Divi를 사용하여 코딩 없이 완전히 사용자 지정 가능한 웹사이트를 만들 수 있습니다.
• 중소기업은 완전한 디자인 제어와 함께 포트폴리오, 블로그, 서비스 페이지 같은 전문적인 사이트를 만들기 위해 Divi를 사용할 수 있습니다.
• 에이전시와 개발자는 사전 제작된 레이아웃으로 웹 디자인 프로젝트를 가속화할 수 있습니다.
• 전자상거래 스토어 소유자는 Divi를 사용하여 WooCommerce 샵을 사용자 지정 제품 페이지와 체크아웃 흐름으로 설계할 수 있습니다.
• 마케터는 Divi를 사용하여 A/B 테스트를 실행하고 SEO 친화적인 웹사이트를 구축할 수 있습니다.
• 교육 기관과 비영리 단체는 여러 웹사이트를 하나의 라이선스로 관리하여 다른 부서 또는 프로그램을 관리할 수 있습니다.

Divi의 주요 기능

다음은 Divi AI의 주요 기능입니다:

• 드래그 앤 드롭 빌더: 코딩 없음, 프론트엔드 및 백엔드에서 실시간 시각적 편집.
• 테마 빌더: 헤더, 푸터, 템플릿, 404 페이지, 블로그 게시물, 제품 등 디자인.
• 레이아웃 및 템플릿: 수천 개의 템플릿 디자인 및 시작 사이트.
• 반응형 컨트롤: 데스크톱, 태블릿, 모바일을 사용자 지정합니다.
• 글로벌 스타일: 재사용 가능한 섹션 및 동기화된 디자인 업데이트입니다.
• 고급 옵션: 글꼴, 색상, 간격, 애니메이션, 사용자 지정 CSS.
• AI 도구: 콘텐츠 생성 및 빌드 속도 향상.
• WooCommerce: 사용자 지정 샵 및 제품 페이지를 위한 20개 이상의 모듈.
• 저장소 및 관리: Divi Cloud 및 Dash를 통한 클라우드 저장소 및 관리.
• 다이내믹 콘텐츠: 제목, 이미지, 날짜 등 자동 삽입.
• 리치 모듈 라이브러리: 웹사이트 레이아웃을 구축하기 위한 텍스트, 이미지, 양식, 슬라이더, 갤러리 등.
• 성능: 속도, SEO, 접근성에 최적화.

Divi 사용 방법

Divi AI 플러그인을 설치하고 몇 분 만에 전체 기사를 생성하는 방법은 다음과 같습니다:

1. Divi AI에 가입
2. Elegant Themes에 로그인
3. Divi 다운로드
4. Divi 플러그인 추가
5. Divi 플러그인 업로드 및 설치
6. 플러그인 활성화
7. Divi 플러그인 설정 조정
8. 기사 생성
9. Divi 빌더로 편집
10. 빌딩 시작
11. AI로 레이아웃 생성
12. Elegant Themes 구독 인증
13. 사용자 이름 및 API 키 액세스
14. API 키 생성
15. 계정 인증
16. 페이지 설명
17. 이미지 및 글꼴 선택
18. 레이아웃 생성

단계 1: Divi AI에 가입

저는 elegentthemes.com에 가서 “Divi AI 얻기”를 클릭했습니다.

단계 2: Elegant Themes에 로그인

Divi Pro를 얻은 후 Elegant Themes에 로그인하도록 리디렉션되었습니다.

단계 3: Divi 다운로드

로그인 후 두 가지 방법으로 Divi를 다운로드할 수 있었습니다:

• Divi 테마 (올인원 WordPress 테마 및 페이지 빌더)
• Divi 빌더 플러그인 (시각적 페이지 빌더)

Divi Theme을 선택하면 웹사이트를 처음부터 만들고 Divi를 테마로 사용할 수 있습니다. 기존 WordPress 테마가 마음에 든다면 Divi Plugin을 다운로드하면 됩니다.

저는 이미 설치된 테마에 만족했기 때문에 “Divi Plugin 다운로드”를 선택했습니다.

단계 4: Divi 플러그인 추가

Divi 플러그인이 컴퓨터에 다운로드되자마자 워드프레스 대시보드로 돌아가서 “플러그인”을 호버하고 “플러그인 추가”를 클릭했습니다.

단계 5: Divi 플러그인 업로드 및 설치

다음으로 “플러그인 업로드”를 클릭하고 Divi 플러그인 ZIP 파일을 선택한 후 “지금 설치”를 클릭했습니다.

단계 6: 플러그인 활성화

그런 다음 “플러그인 활성화”를 클릭했습니다.

단계 7: Divi 플러그인 설정 조정

플러그인을 설치하고 활성화한 후 워드프레스 대시보드에서 새로운 “Divi” 메뉴 항목을 발견했습니다. 여기서 플러그인 설정을 조정하고 웹사이트 템플릿을 만들고 레이아웃을 추가하고 할당할 수 있습니다.

단계 8: 기사 생성

다음으로 기사를 생성하기 위해 포스트를 선택하고 위쪽의 보라색 Divi 버튼을 클릭했습니다.

단계 9: Divi 빌더로 편집

다음으로 “Divi 빌더로 편집”을 클릭했습니다.

단계 10: 빌딩 시작

이로 인해 비주얼 빌더로 이동하여 Divi로 바로 시작하거나 투어를 진행할 수 있었습니다. 나는 바로 시작하기로 결정했습니다.

단계 11: AI로 레이아웃 생성

Divi는 시작하는 세 가지 방법을 제시했습니다:

1. 기존 콘텐츠 사용: Divi 빌더를 사용하면서 기존 페이지 콘텐츠를 유지합니다.
2. 사전 제작된 레이아웃 선택: 수백 개의 레이아웃 중에서 선택하거나 저장된 레이아웃을 사용하거나 기존 페이지를 복제합니다.
3. AI로 빌드: 페이지를 만들기 위해 페이지 콘텐츠를 설명하고 Divi AI가 버튼 하나로 페이지를 구축하도록 합니다.

당연히 나는 세 번째 옵션, 즉 AI로 빌드에 가장 관심이 있었습니다. Divi의 가장 쉬운 방법이기도 했으며 Divi AI의 능력을 보려는 것이었습니다.

단계 12: Elegant Themes 구독 인증

Divi AI로 텍스트를 생성하기 전에 Elegant Themes 구독을 API 키와 사용자 이름으로 인증해야 했습니다.

단계 13: 사용자 이름 및 API 키 액세스

사용자 이름과 API 키를 찾으려면 Elegant Themes 계정에 로그인하여 “계정”을 호버하고 “사용자 이름 및 API 키”를 선택했습니다.

단계 14: API 키 생성

아래로 스크롤하여 “새로운 API 키 생성”을 클릭했습니다.

단계 15: 계정 인증

그런 다음 Elegant Themes 계정의 사용자 이름과 API 키를 WordPress의 빈 입력란에 붙여넣고 “제출”을 클릭했습니다.

단계 16: 페이지 설명

다음으로 Divi는 생성할 페이지를 설명하도록 요청했습니다. 또한 웹사이트를 설명할 수 있습니다. 가장 좋은 결과를 얻으려면 둘 다 제공하는 것이 좋습니다.

나는 Divi에게 다음과 같은 프롬프트를 제공했습니다:

“Kittl 리뷰를 생성하십시오. 총평, 장단점, 무엇인지, 누구에게 적합한지, 주요 기능, 사용 방법, 상위 3개의 대안을 포함하십시오.”

또한 웹사이트를 Divi에게 다음과 같이 설명했습니다:

“이 웹사이트는 그래픽 디자이너가 평가하고 순위를 매긴 최고의 디자인 도구, 리소스 및 영감을 제공합니다.”

단계 17: 이미지 및 글꼴 선택

또한 Divi가 페이지에 사용할 이미지 유형을 세 가지 중에서 선택할 수 있었습니다:

1. 스톡 이미지
2. AI 생성 이미지
3. 플레이스홀더 이미지

마지막으로 페이지의 글꼴과 색상을 사용자 지정할 수 있었습니다.

나는 AI가 이미지를 생성하고 색상과 글꼴을 선택하여 무엇을 만들 수 있는지 보려고 했습니다.

모든 것이 채워진 후 “레이아웃 생성”을 클릭했습니다.

단계 18: 레이아웃 생성

몇 분 후, Divi는 완전히 사용자 지정 가능한 레이아웃으로 전체 기사를 생성했습니다. 나는 블록을 호버하여 이동하거나, 복제하거나, 삭제하거나, 설정에 액세스하여 콘텐츠와 디자인을 업데이트할 수 있었습니다.

결과가 완벽하지 않았고 콘텐츠는 사실 확인이 필요했지만 Divi AI 플러그인은 콘텐츠 생성과 디자인을 시작하는 강력한 도구임을 증명했습니다. 시간을 절약하고 구조를 제공하며 모든 세부 사항을 사용자 지정하기 쉽게 만들었습니다.

상위 3개의 Divi 대안

다음은 내가 추천하는 Divi의 최상위 3개 대안입니다.

Wix

첫 번째 Divi 대안은 Wix입니다. Wix는 드래그 앤 드롭 편집을 제공하며 웹 디자인 기술 경험이 거의 없거나 전혀 없는 사람도 사용하기 쉬운 웹사이트 빌더입니다.

한편으로, Wix는 전체 호스팅 솔루션으로 돋보입니다. 즉, 호스팅이나 유지 관리를 관리할 필요가 없으며, AI 웹사이트 빌더와 같은 기능을 포함합니다.

반면에 Divi는 프론트엔드 및 백엔드 빌더, 풀 사이트 테마 빌더 및 워드프레스 플러그인 및 WooCommerce와의 통합을 통해 더 고급된 디자인 옵션을 제공합니다.

전체 호스팅 및 AI 지원 디자인을 원한다면 Wix를 선택하세요. 풀 창의적 제어 및 워드프레스 통합을 원한다면 Divi를 선택하세요!

Wix를 방문하거나 내 Wix 리뷰를 읽어보세요!

B12

다음으로 추천하는 Divi 대안은 B12입니다. B12는 많은 노력이나 기술 지식 없이도 기업이 전문적인 웹사이트를 빠르게 구축하고 공개할 수 있도록 돕는 AI 플랫폼입니다.

B12는 AI를 활용해 디자인과 콘텐츠 제작 속도를 높입니다. 내장 SEO 기능과 함께 전문적인 웹사이트를 빠르게 만들고 싶은 사람에게 훌륭한 선택입니다.

반면에 Divi는 시각적 빌더와 사용자 지정 옵션을 통해 돋보입니다. Divi는 사용자 지정 가능한 웹사이트를 만들기 쉽게 하며 모든 요소에 대한 제어를 제공합니다. 또한 WooCommerce와 대형 사전 제작된 레이아웃 라이브러리를 지원합니다.

풀 디자인 사용자 지정 및 모든 요소에 대한 제어를 원한다면 Divi를 선택하세요. 즉시 AI 웹사이트 생성을 원한다면 B12를 선택하세요!

Brizy

내가 추천하는 Divi의 마지막 대안은 Brizy입니다. Brizy는 드래그 앤 드롭 편집, 180개 이상의 사전 제작된 템플릿 및 깨끗한 인터페이스를 통해 매력적인 반응형 웹사이트를 쉽게 만들 수 있습니다.

Brizy는 단순성과 속도에 중점을 둡니다. 또한 클라우드 협업 및 더 가벼운, 더 빠른 성능을 제공합니다.

반면에 Divi는 테마 빌더를 통해 헤더, 푸터 및 템플릿에 대한 전체 제어를 제공합니다. 또한 WooCommerce를 지원하며 전용 전자상거래 모듈 및 글로벌 스타일링 기능이 있습니다.

풀 디자인 제어, 사용자 지정 템플릿 및 강력한 WooCommerce 지원을 원한다면 Divi를 선택하세요. 속도, 단순성 및 협업을 원한다면 Brizy를 선택하세요!

Divi 리뷰: 당신에게 적합한 도구?

Divi를 직접 테스트한 후, 나는 Divi가 유연성과 사용 편의성 사이에서 강한 균형을 유지한다고 확신할 수 있습니다. 드래그 앤 드롭 빌더, 수천 개의 템플릿 및 사용자 지정 옵션으로 대부분의 도구보다 더 많은 제어를 가졌습니다. 또한 AI 기능은 빌드를 더 빠르게 만들었습니다.

나에게 Divi는 창의적 자유, 깊은 사용자 지정 및 코딩 없이 프로젝트를 확장할 수 있는 능력을 가치 있게 여겨서 좋은 선택입니다. 그러나 Divi의 최상위 대안에 대해 궁금하다면, 다음을 추천합니다:

• Wix는 기술적인 설정이 필요 없는 올인원 호스팅 솔루션과 AI 빌더를 원하는 경우에 가장 적합합니다.
• B12는 전문 비즈니스 웹사이트를 빠르게 생성하기 위한 최선의 선택입니다.
• Brizy는 협업 기능을 갖춘 간단하고 빠르며 가벼운 빌더입니다.

Divi 리뷰를 읽어주셔서 감사합니다! 도움이 되었기를 바랍니다. Divi 테마 또는 플러그인 빌더를 시도하고 어떻게 느끼는지 보세요!

자주 묻는 질문

Divi의 단점은 무엇인가?

Divi의 단점은 초보자에게 너무 많은 기능이 있기 때문에 압도적일 수 있으며, 최적화되지 않은 경우 페이지 로딩이 느려질 수 있습니다. 특히 대형 또는 복잡한 사이트의 경우입니다.

Divi는 Wix보다 낫는가?

Wix는 템플릿과 AI 지원을 갖춘 전체 호스팅 솔루션을 원하는 초보자에게 좋습니다. 반면에 Divi는 풀 디자인 제어, 사용자 지정 및 워드프레스/WooCommerce 통합을 원하는 사람에게 좋습니다.

Divi는 Squarespace보다 낫는가?

Divi는 풀 사용자 지정, 모든 디자인 요소에 대한 제어 및 WooCommerce 통합을 제공합니다. Squarespace는 빠른 설정을 위한 템플릿을 갖춘 전체 호스팅 솔루션을 제공합니다.

Divi는 초보자에게 좋는가?

예, Divi는 초보자에게 좋습니다. 드래그 앤 드롭 빌더로 코딩 없이 웹사이트를 디자인할 수 있으며, 템플릿 라이브러리는 전문적인 사이트를 빠르게 생성하는 데 도움이 됩니다.

Divi는 AI를 사용하는가?

Divi는 Divi AI를 통해 AI 기능을 통합합니다. Divi 5와 시각적 빌더에 내장되어 있습니다. Divi AI를 사용하면 단순한 프롬프트로 텍스트, 이미지, 코드 스니펫 및 전체 웹사이트를 생성할 수 있습니다.