AI 도구 101
Divi 리뷰: 이 빌더가 웹사이트 디자인에 소요되는 시간을 어떻게 절약하는가
Unite.AI is committed to rigorous editorial standards. We may receive compensation when you click on links to products we review. Please view our affiliate disclosure.
처음부터 웹사이트를 구축해 본 적이 있다면 그 고통을 알 것입니다: 끝없는 플러그인, 복잡한 레이아웃, 그리고 단지 뭔가 제대로 보이게 만들려고 몇 시간을 허비하는 것.
그래서 Divi가 제 시선을 끌었습니다. 이 WordPress 빌더는 단순히 템플릿을 제공하는 것이 아니라, 코딩 없이도 원하는 대로 웹사이트를 디자인할 수 있게 해줍니다. Divi는 단순함을 유지하면서도 독특한 웹사이트를 만들 수 있는 유연성을 제공합니다.
이 Divi 리뷰에서 저는 장단점, 무엇인지, 누구에게 가장 적합한지, 그리고 주요 기능에 대해 논의하겠습니다. 그런 다음, Divi 플러그인을 사용하여 어떻게 몇 분 만에 전체 기사를 생성했는지 보여드리겠습니다.
기사 마지막에는 Divi를 제가 선정한 상위 세 가지 대안(Wix, B12, Brizy)과 비교하겠습니다. 끝까지 읽으시면 여러분에게 맞는지 알게 될 것입니다!
평결
Divi는 코딩 없이도 쉽게 커스터마이징 가능한 웹사이트를 만드는 웹사이트 빌더입니다. 그러나 최적화되지 않으면 속도가 느려질 수 있으며, 기본 템플릿은 변경하지 않으면 진부해 보일 수 있습니다.
장점과 단점
- 드래그 앤 드롭 인터페이스, 코딩 불필요
- 빠른 설정을 위한 수천 개의 사전 제작된 템플릿
- 모든 기기에 대응하는 반응형 디자인
- 사용자 정의 헤더, 푸터 및 템플릿을 위한 테마 빌더
- 플러그인, WooCommerce 및 마케팅 도구와 통합
- 고급 디자인 옵션: 애니메이션, 호버 효과, CSS 및 글로벌 스타일
- 콘텐츠 생성과 디자인을 간소화하는 AI 도구
- 새로운 기능이 포함된 정기 업데이트
- 최적화되지 않으면 일부 경쟁사보다 느릴 수 있음
- 기본 템플릿은 비슷해 보이는 디자인으로 이어질 수 있음
Divi란 무엇인가?
https://www.youtube.com/watch?v=7kmuILFCj_Q
Divi는 강력한 시각적 페이지 빌더를 갖춘 인기 있는 WordPress 테마로, Elegant Themes에서 개발했습니다. 드래그 앤 드롭 인터페이스를 통해 코드를 작성하지 않고도 완전히 커스터마이징 가능한 웹사이트를 만들 수 있습니다.
Divi는 WordPress 페이지 빌더 분야에서 가장 잘 알려진 이름 중 하나로 자리 잡았습니다. 그러나 많은 사람들이 이것이 사실상 하나의 제품에 두 가지 기능을 결합한 것임을 모르고 있습니다. 핵심적으로 Divi는 완전한 WordPress 테마이자 유연성을 위한 독립형 페이지 빌더 플러그인으로 모두 기능합니다.
Divi의 이중적 성격
사전 정의된 레이아웃과 제한된 커스터마이징 옵션에 갇히게 하는 기존 WordPress 테마와 달리, Divi는 이러한 장벽을 완전히 허뭅니다.
테마는 모든 콘텐츠에 대한 깔끔하고 반응형의 기반을 제공합니다. 한편, 빌더 플러그인은 웹사이트 편집을 드래그 앤 드롭 경험으로 바꿔줍니다.
이러한 이중 접근 방식은 플러그인을 통해 모든 WordPress 테마에 Divi의 구축 기능을 적용하거나, 완전히 통합된 경험을 위해 완전한 Divi 테마를 사용할 수 있음을 의미합니다. 이미 좋아하는 테마와 함께 Divi를 사용할 수 있는 유연성을 얻습니다.
단순한 테마에서 시각적 파워하우스로
Elegant Themes는 2013년에 WordPress 테마로 Divi를 출시했지만, 지난 10년 동안 극적인 변화를 겪었습니다.
원래 버전은 백엔드 인터페이스를 사용했습니다. 그러나 실시간 시각적 편집 옵션은 제공하지 않았습니다.
2016년 Visual Builder의 도입은 전환점이었습니다. 사용자는 이제 실시간 미리보기와 함께 프런트엔드에서 직접 웹사이트를 편집할 수 있게 되었습니다.
이후 업데이트를 통해 다음과 같은 고급 기능이 추가되었습니다:
- 동적 콘텐츠 통합
- 사용자 정의 CSS 컨트롤
- 테마 빌더 기능(헤더, 푸터 및 전체 페이지 템플릿 디자인)
시각적 빌딩 뒤에 숨은 철학
Divi의 목표는 기술적 장벽을 제거하여 웹 디자인을 접근 가능하게 만드는 것입니다. 과거에는 맞춤형 WordPress 디자인에 HTML, CSS, PHP와 같은 코딩 기술이 필요했고, 많은 사람들이 기본 템플릿에 머물러야 했습니다.
시각적 빌더는 색상, 글꼴, 간격에 대한 쉬운 컨트롤로 기술적 장벽을 제거합니다. 이는 페이지 구축을 넘어 전체 사이트 디자인을 포괄합니다.
WordPress 생태계와의 통합
Divi는 WordPress와 원활하게 작동하며, Divi가 비활성화되더라도 콘텐츠가 표준 형식으로 유지되도록 합니다.
Divi는 SEO, 전자상거래, 양식 및 보안을 위한 인기 있는 WordPress 플러그인과 잘 작동합니다. 온라인에서 제품을 판매하기 위해 WooCommerce와 통합되며, 디자인이 검색에 최적화되도록 Yoast SEO와 같은 도구를 지원합니다.
이 시스템은 또한 WordPress 멀티사이트를 지원합니다. 즉, 대규모 조직이 하나의 설치에서 많은 웹사이트를 관리할 수 있습니다.
누가 Divi를 가장 잘 활용할 수 있나요?
Divi가 가장 적합한 사람들의 유형은 다음과 같습니다:
- 프리랜서 및 웹 디자이너: 코딩 없이 완전히 커스터마이징 가능한 웹사이트를 만들 수 있습니다.
- 중소기업: 포트폴리오, 블로그, 서비스 페이지와 같은 전문적인 사이트를 완전한 디자인 컨트롤로 구축할 수 있습니다.
- 에이전시 및 개발자: 사전 제작된 레이아웃으로 웹 디자인 프로젝트 속도를 높일 수 있습니다.
- 전자상거래 스토어 소유자: 맞춤형 제품 페이지와 결제 흐름으로 WooCommerce 상점을 디자인할 수 있습니다.
- 마케터: Divi를 사용하여 A/B 테스트를 실행하고 SEO 친화적인 웹사이트를 구축할 수 있습니다.
- 교육 기관 및 비영리 단체: 하나의 라이선스 아래 여러 웹사이트를 생성하여 다양한 부서나 프로그램을 관리할 수 있습니다.
Divi 주요 기능
Divi AI의 주요 기능은 다음과 같습니다:
- 드래그 앤 드롭 빌더: 코드 없이 프런트엔드와 백엔드 모두에서 실시간 시각적 편집.
- 테마 빌더: 헤더, 푸터, 템플릿, 404 페이지, 블로그 게시물, 제품 등을 디자인.
- 레이아웃 & 템플릿: 수천 개의 템플릿 디자인과 스타터 사이트.
- 반응형 컨트롤: 데스크톱, 태블릿, 모바일에 맞게 커스터마이징.
- 글로벌 스타일: 재사용 가능한 섹션 및 동기화된 디자인 업데이트.
- 고급 옵션: 글꼴, 색상, 간격, 애니메이션 및 사용자 정의 CSS.
- AI 도구: 콘텐츠 생성 및 구축 속도 향상.
- WooCommerce: 맞춤형 상점 및 제품 페이지를 위한 20개 이상의 모듈.
- 저장소 & 관리: 클라우드 저장 및 관리를 위한 Divi Cloud 및 Dash.
- 동적 콘텐츠: 제목, 이미지, 날짜 등을 자동 삽입.
- 풍부한 모듈 라이브러리: 텍스트, 이미지, 양식, 슬라이더, 갤러리 등으로 웹사이트 레이아웃 구축.
- 성능: 속도, SEO 및 접근성을 위해 최적화됨.
Divi 사용 방법
https://www.youtube.com/watch?v=JXZIGZqr9OE
Divi AI 플러그인을 설치하고 몇 분 만에 전체 기사를 생성하는 데 사용한 방법은 다음과 같습니다:
- Divi AI 가입하기
- Elegant Themes 로그인하기
- Divi 다운로드하기
- Divi 플러그인 추가하기
- Divi 플러그인 업로드 & 설치하기
- 플러그인 활성화하기
- Divi 플러그인 설정 조정하기
- 기사 생성하기
- Divi 빌더로 편집하기
- 구축 시작하기
- AI로 레이아웃 생성하기
- Elegant Themes 구독 인증하기
- 사용자 이름 & API 키 접근하기
- API 키 생성하기
- 계정 인증하기
- 페이지 설명하기
- 이미지 & 글꼴 선택하기
- 레이아웃 생성하기
1단계: Divi AI 가입하기
elegentthemes.com으로 이동하여 “Get Divi AI”를 선택하는 것으로 시작했습니다.
2단계: Elegant Themes 로그인하기
Divi Pro를 구매한 후, Elegant Themes에 로그인하도록 리디렉션되었습니다.
3단계: Divi 다운로드하기
로그인한 후, Divi를 다운로드하는 두 가지 방법이 제공되었습니다:
- Divi 테마 (올인원 WordPress 테마 및 페이지 빌더)
- Divi 빌더 플러그인 (시각적 페이지 빌더)
처음부터 웹사이트를 구축하고 Divi를 테마로 사용하려는 경우 Divi 테마를 선택하세요. WordPress 웹사이트에 이미 설치된 테마가 있고 만족한다면 Divi 플러그인을 다운로드하세요.
제 경우에는 WordPress 웹사이트에 이미 설치되어 만족하는 테마가 있었습니다. 그래서 “Download the Divi Plugin”을 선택했습니다.
4단계: Divi 플러그인 추가하기
즉시 Divi 플러그인이 제 컴퓨터
