비버 빌더 대 디비 2022

WYSIWYG(What You See Is What You Get) 편집기는 1970년대부터 컴퓨팅 소프트웨어의 필수 요소였지만 WordPress 세계에서는 점점 더 많은 웹 사이트 소유자가 드래그 앤 드롭 페이지 빌더로 전환하여 스타일리쉬 블로그 게시물 및 전문 페이지.

2018년 WordPress가 WordPress 5.0에 Gutenberg라는 새로운 블록 편집기를 도입한 이후 이러한 채택이 강화되었습니다. 물론 이전 비주얼 편집기를 선호하는 사람들을 위해 Classic Editor를 계속 사용할 수 있습니다.

새로운 블록 편집기는 무료로 사용할 수 있으며 사용자 친화적인 인터페이스를 자랑하며 선택할 수 있는 유용한 콘텐츠 블록이 많이 있습니다.

나는 WordPress 블록 편집기의 단순성을 좋아하지만 이것이 기본 솔루션이라는 것을 부인할 수 없습니다. 콘텐츠 블록에는 사용자 정의 옵션이 거의 없으며 기본 제공 템플릿 시스템이 없습니다. 이렇게 하면 생성할 수 있는 항목이 크게 제한됩니다.

웹 사이트를 한 단계 업그레이드하려는 경우 Beaver Builder 또는 Divi와 같은 고급 드래그 앤 드롭 페이지 구축 솔루션을 사용하는 것이 좋습니다.

이러한 반응형 WordPress 플러그인을 사용하면 블로그 게시물, 페이지 및 사용자 정의 게시물 유형의 스타일을 지정하는 방법을 더 잘 제어할 수 있습니다.

이 기사에서는 이러한 페이지 구축 플러그인을 비교하여 어떤 플러그인이 귀하와 귀하의 프로젝트에 가장 적합한지 확인하는 방법을 보여드리고자 합니다.

Beaver Builder의 라이트 버전은 WordPress.org에서 사용할 수 있지만 무료 버전에는 많은 기능이 없기 때문에 이 기사에서는 대신 전체 버전의 Beaver Builder에 중점을 둡니다.

비버 빌더 인터페이스

Beaver Builder는 WordPress의 여러 영역에서 실행할 수 있는 프론트엔드 편집기입니다.

WordPress 블록 편집기 내에서 새 블로그 게시물, 페이지 또는 사용자 정의 게시물 유형을 만들 때 "Beaver Builder 시작" 또는 "표준 편집기 사용" 옵션이 표시됩니다.

'Launch Beaver Builder' 버튼이 Gutenberg 편집기에서 자동으로 표시되지 않습니다. 페이지에 Beaver Builder 블록을 추가할 때만 나타납니다.

Beaver Builder 블록을 사용할 수 없는 경우 Beaver Builder 설정 페이지에서 해당 게시물 유형이 활성화되어 있는지 확인하십시오.

Beaver Builder는 클래식 편집기와 게시물, 페이지 및 사용자 정의 게시물 유형의 기본 목록 페이지에서도 시작할 수 있습니다.

로그인하면 WordPress 관리 표시줄에도 페이지를 수정하는 옵션이 표시됩니다.

Beaver Builder가 로드되면 사용 가능한 모듈을 표시하는 메뉴가 오른쪽에 표시됩니다. 행, 템플릿 및 저장된 레이아웃에 대한 탭도 여기에 표시됩니다.

위의 X 기호를 클릭하면 메뉴가 닫히지만 현재 표시되는 + 기호를 클릭하면 메뉴를 새로고침할 수 있습니다.

페이지의 오른쪽 상단에 페이지가 수정되었으며 게시되지 않은 변경 사항이 있다는 알림이 표시됩니다. 완료 버튼을 클릭하면 레이아웃을 버리거나, 초안을 저장하거나, 레이아웃을 게시할 수 있는 옵션이 표시됩니다.

페이지의 왼쪽 상단에는 편집 중인 게시물, 페이지 또는 사용자 정의 게시물 유형이 표시됩니다. 그것을 클릭하면 Beaver Builder 도구 메뉴가 로드됩니다.

이 메뉴에는 많은 설정과 기능이 숨겨져 있습니다.

여기에서 레이아웃을 게시하고, 레이아웃을 템플릿으로 저장하고, 레이아웃을 복제하고, 모든 수정본을 보고, 편집 기록을 확인하는 등의 작업을 수행할 수 있습니다.

이 메뉴에서 전역 설정과 자바스크립트 및 CSS 설정에 액세스할 수도 있으며 메뉴 하단에는 WordPress 관리 영역 및 지원 페이지에 대한 바로 가기가 표시됩니다.

도구 메뉴의 오른쪽에는 플러그인 업데이트와 Beaver Builder 블로그의 최신 게시물을 표시하는 알림 벨이 있습니다.

레이아웃에 새 모듈이나 행을 추가하려면 기본 캔버스 영역으로 끌어다 놓기만 하면 됩니다.

저장된 열 레이아웃, 저장된 행 및 미리 작성된 행과 함께 행에 대해 미리 구성된 여러 열 설정을 사용할 수 있습니다.

새 행을 추가하면 구조의 개요가 페이지에 표시됩니다. 콘텐츠 모듈을 이러한 상자로 끌어다 놓을 수 있습니다.

행과 모듈의 왼쪽 상단에 요소를 레이아웃의 다른 부분으로 이동하는 옵션이 표시됩니다. 여기에서 해당 행이나 모듈을 복제하거나 삭제할 수도 있습니다.

행과 열에는 행과 열 너비를 재설정할 수 있는 설정 버튼과 작업 버튼이 있습니다.

너비, 색상, 배경, 테두리 등은 설정 상자의 스타일 탭에서 조정할 수 있습니다. 여백 및 패딩 외에도 고급 탭을 사용하면 로그인한 사용자에게 가시성을 제한하고 모바일 사용자에 대해 중단점을 조정할 수 있습니다.

WordPress 페이지 빌더에 익숙해지려면 시간이 조금 걸리지만 Beaver Builder는 의심할 여지 없이 가장 쉬운 솔루션 중 하나입니다. 또한 변경 사항이 거의 즉시 로드되므로 가장 빠른 것 중 하나입니다.

Beaver Builder를 사용하면 레이아웃의 모든 측면에 스타일을 지정할 수 있지만, 보시다시피 Divi는 레이아웃을 생성할 때 더 많은 사용자 정의 옵션을 제공합니다.

Divi 빌더 인터페이스

우아한 테마는 Divi라는 단어를 사용하여 인기 있는 WordPress 테마와 끌어서 놓기 페이지 빌더를 모두 설명합니다.

이는 엘레강트 테마를 처음 접하는 사람들에게 약간의 혼동을 주기 때문에 디자인을 'Divi 테마'라고 부르고 페이지 빌더를 'Divi Builder'라고 부르기도 합니다.

지금은 Divi Builder에 집중하고 싶습니다. 이 페이지 빌더는 Divi 테마에 통합되어 있지만 다른 WordPress 테마와 함께 사용하려는 사람들을 위해 독립 실행형 WordPress 플러그인으로도 사용할 수 있습니다.

Divi Builder가 활성화되면 새 게시물, 페이지 또는 사용자 정의 게시물 유형을 추가할 때 "Divi Builder 사용" 옵션이 표시됩니다.

그러면 프론트엔드 비주얼 빌더가 시작되지만 레거시 빌더라는 백엔드 편집기도 사용할 수 있습니다.

기본 WordPress 블록 편집기에서 언제든지 Divi Builder로 전환할 수 있습니다.

Divi Builder는 게시물, 페이지 및 사용자 정의 게시물 유형의 기본 목록 페이지에서도 시작할 수 있습니다.

Beaver Builder와 마찬가지로 로그인하면 WordPress 관리 표시줄에서 Divi Builder를 활성화하는 옵션이 표시됩니다.

우아한 테마에는 Divi 레이아웃 블록도 있습니다.

이 블록을 사용하면 기본 WordPress 블록 편집기로 만든 레이아웃에 Divi 레이아웃을 직접 삽입할 수 있습니다.

Divi Builder를 처음 실행하면 레이아웃을 처음부터 만들지, 미리 만들어진 레이아웃을 선택할지, 이미 만든 다른 페이지를 복제할지 묻는 메시지가 표시됩니다.

처음부터 시작하면 Divi Builder가 빈 캔버스를 로드하고 새 행을 삽입하는 상자를 표시합니다.

선택할 수 있는 행은 20개이며 각 행은 열 구조가 다릅니다.

행을 삽입하면 Divi Builder에서 페이지에 추가할 모듈을 선택하라는 메시지가 표시됩니다.

그러면 Divi Builder가 선택한 모듈의 설정 상자를 로드합니다.

Divi Builder를 처음 사용하는 경우 미리 만들어진 레이아웃을 선택하여 편집기 작동 방식을 익히는 것이 좋습니다.

숙련된 사용자는 빈 캔버스로 시작하는 것을 선호할 수 있지만 이 옵션을 선택하면 기본 메뉴가 자동으로 로드되지 않습니다.

메인 메뉴를 불러오려면 페이지 하단에 세 개의 가로 점이 있는 버튼을 클릭하세요.

기본 메뉴 옵션은 세 개의 열로 나뉩니다.

메뉴 왼쪽에 있는 세 개의 수직 점 아이콘을 통해 빌더 설정을 로드할 수 있습니다.

여기에서 세 가지 보기 모드를 메뉴에 추가할 수 있습니다: 호버 모드, 클릭 모드 및 그리드 모드. 이러한 모드는 레이아웃과 상호 작용하고 변경하는 방법을 변경합니다. 예를 들어, 호버 모드에서 페이지의 일부 위에 마우스를 가져가기만 하면 모듈, 열, 행 및 섹션이 강조표시되고 수정할 수 있습니다.

빌더 설정 상자의 기타 설정에는 기본 보기 모드, 기록 상태 간격 및 페이지 생성 흐름이 포함됩니다.

복잡한 레이아웃을 만든 경우 페이지의 잘못된 부분이 강조 표시되는 상황이 있을 수 있습니다. 예를 들어 열을 이동하려고 할 수 있지만 실수로 열이 속한 행을 선택했습니다.

이 문제를 해결하는 한 가지 방법은 와이어프레임 보기 모드를 사용하는 것입니다. 이렇게 하면 보기에서 불필요한 디자인 요소가 제거되어 페이지 구조를 더 쉽게 볼 수 있습니다. 복잡한 레이아웃 내에서 물건을 이동할 때 매우 유용합니다.

메뉴의 왼쪽에는 데스크탑, 태블릿 및 모바일 보기에서 디자인을 볼 수 있는 옵션도 있습니다.

중간 메뉴에는 7가지 옵션이 있습니다. 중간에 있는 X 버튼은 메뉴를 닫습니다.

왼쪽에서 라이브러리에서 레이아웃을 로드하고 현재 레이아웃을 저장하고 레이아웃을 지울 수 있습니다. 오른쪽에서는 페이지 설정, 편집 내역, 이식성을 확인할 수 있습니다.

게시물/페이지 설정 상자에서 제목, 발췌문, 추천 이미지 및 카테고리를 변경할 수 있습니다. 간격, 색상 팔레트, 사용자 정의 CSS 및 가시성과 같은 다양한 디자인 설정도 여기에서 사용할 수 있습니다.

편집 기록 상자를 사용하면 최근 변경 사항을 쉽게 실행 취소 및 다시 실행하고 모든 변경 사항의 전체 기록을 볼 수 있습니다.

이식성 설정 상자를 통해 레이아웃을 JSON 형식으로 내보내고 가져올 수 있습니다. 이것은 레이아웃을 다른 웹사이트로 전송할 때 유용합니다.

레이아웃을 저장하고 페이지 오른쪽에 게시할 수 있습니다.

비디오 자습서 및 키보드 단축키는 이 영역의 Divi 도우미 상자를 통해 표시할 수도 있습니다. 기능과 문서를 찾는 데 도움이 되는 검색 기능도 있습니다.

Beaver Builder 및 Divi Builder의 사용자 인터페이스는 다르게 작동하지만 행과 열을 조정할 때 실제로는 유사한 방식으로 작동합니다.

두 솔루션 모두 왼쪽 상단 모서리에 설정을 표시하고 행과 열을 이동, 복제 및 조정할 수 있습니다. 그러나 Divi에는 더 많은 사용자 정의 옵션이 있습니다.

Divi Builder에는 섹션이라고 하는 행 위에 요소가 있습니다.

섹션에는 여러 행이 포함될 수 있으며 각 행에는 여러 열이 포함될 수 있습니다. 페이지를 구성하는 방법에 약간의 추가 유연성을 제공합니다.

이전 버전의 Divi Builder에서는 레이아웃이 WordPress 편집기에서 직접 생성되었지만 이제 프론트엔드 비주얼 빌더는 Divi로 레이아웃을 생성하는 표준 방법입니다.

고맙게도 이전 편집기는 여전히 Divi Builder에서 사용할 수 있습니다.

레거시 빌더를 활성화하려면 먼저 Divi 플러그인 옵션 영역의 고급 섹션으로 이동하여 최신 Divi Builder 경험을 비활성화하고 클래식 편집기를 활성화해야 합니다.

레거시 빌더의 사용자 인터페이스는 비주얼 편집기에서 사용할 수 있는 와이어프레임 보기 모드와 유사합니다.

변경 사항을 실시간으로 미리 볼 수는 없지만 얼마나 빠르고 효율적인지 마음에 듭니다. 모든 것이 프론트엔드 편집기보다 조금 더 빨리 로드되며 페이지 구조를 더 쉽게 볼 수 있습니다.

Beaver Builder는 모든 것을 Divi Builder보다 조금 더 빠르게 로드하고 사용자 인터페이스를 더 쉽게 선택할 수 있지만 Divi Builder는 Beaver Builder에 없는 더 많은 사용자 지정 설정과 추가 기능을 제공합니다.

와이어프레임 모드와 레거시 빌더의 포함은 틀림없이 Divi Builder를 더 유연한 솔루션으로 만듭니다.

Divi Builder의 작동 방식에 대한 보다 포괄적인 내용은 Divi Builder에 대한 전체 리뷰를 확인하십시오.

Beaver Builder 사전 제작 레이아웃

나는 스타일리시한 콘텐츠를 만드는 데 걸리는 시간을 크게 줄여주는 미리 만들어진 레이아웃의 열렬한 팬입니다. 또한 고급 레이아웃을 만드는 방법을 이해하는 데 도움이 됩니다.

Beaver Builder는 Divi만큼 미리 만들어진 레이아웃을 제공하지 않지만 각 템플릿의 품질은 그만큼 높습니다.

랜딩 페이지 템플릿 및 콘텐츠 페이지 템플릿은 기본 콘텐츠 메뉴의 템플릿 탭에서 저장된 템플릿과 함께 사용할 수 있습니다.

방문 페이지 템플릿은 완전한 전체 페이지 템플릿입니다. 빈 캔버스 페이지 템플릿과 함께 총 15개의 랜딩 페이지 템플릿을 사용할 수 있습니다.

소규모 비즈니스, 체육관, 변호사, 음악가, 사진 작가, 레스토랑, eBook 등을 위한 템플릿이 있습니다.

랜딩 페이지 템플릿을 선택하면 기존 레이아웃을 바꿀지 아니면 이미 있는 레이아웃에 추가할지 묻는 메시지가 표시됩니다.

미리 만들어진 레이아웃은 몇 초 만에 레이아웃에 삽입됩니다.

추가한 후에는 적절하게 조정하고 사용자 정의 템플릿으로 저장할 수 있습니다.

콘텐츠 페이지 템플릿은 모든 유형의 웹사이트에 적합한 페이지의 일부에 대한 범용 템플릿입니다.

25개의 콘텐츠 페이지 템플릿을 사용할 수 있습니다. 지역, 팀 정보, 서비스, 문의 양식, 가격표, 가입 양식 등에 대한 정보를 삽입하는 데 도움이 되는 레이아웃이 있습니다.

Beaver Builder는 또한 수십 개의 미리 작성된 행을 제공합니다. 이러한 레이아웃은 페이지의 모든 부분에 쉽게 삽입할 수 있습니다.

기본 콘텐츠 메뉴의 행 탭에서 찾을 수 있습니다.

Beaver Builder의 템플릿 시스템을 활용하면 새로운 레이아웃을 만드는 데 걸리는 시간을 크게 줄일 수 있습니다.

레이아웃은 언제든지 저장하고 원하는 만큼 재사용할 수 있습니다.

저장된 모든 템플릿은 기본 Beaver Builder 관리 메뉴에서 관리할 수 있으며 필요한 경우 나중에 편집할 수 있습니다.

템플릿, 행, 열 및 모듈을 저장할 수 있으며 저장된 모든 레이아웃을 범주에 할당할 수 있습니다.

Beaver Builder는 미리 만들어진 레이아웃을 사용자 인터페이스에 통합하는 환상적인 작업을 수행했습니다. 레이아웃을 몇 초 만에 삽입할 수 있고 사용자 정의를 저장하고 몇 번이고 다시 사용할 수 있습니다.

Divi 사전 제작 레이아웃

Beaver Builder와 마찬가지로 Divi는 사용자에게 다양한 사전 제작 레이아웃을 제공합니다.

1,100개 이상의 레이아웃 팩을 선택할 수 있습니다.

이러한 레이아웃 중 150개는 정보 페이지, 블로그, 방문 페이지 및 갤러리와 같은 웹사이트의 여러 영역에 대한 디자인을 포함하는 레이아웃 팩입니다.

앞서 언급했듯이 새 페이지에서 Divi Builder를 시작할 때 사용 가능한 옵션 중 하나는 미리 만들어진 레이아웃을 선택하는 것입니다.

Divi 라이브러리는 메인 메뉴에서도 불러올 수 있습니다.

Divi 라이브러리를 사용하면 미리 만들어진 레이아웃, 저장된 레이아웃 및 전체 페이지를 삽입할 수 있습니다.

검색 상자를 사용하거나 레이아웃이 할당된 13개 카테고리 중 하나를 선택하여 적합한 레이아웃에 대한 검색 범위를 좁힐 수 있습니다.

Divi Builder가 덮어쓰기 때문에 미리 만들어진 레이아웃을 삽입하기 전에 현재 레이아웃을 저장해야 합니다.

레이아웃 팩은 팩에 포함된 모든 레이아웃을 강조 표시하지만 디자인을 선택할 경우 웹사이트가 어떻게 보이는지 정확히 보려면 ​​"라이브 데모 보기" 버튼을 클릭하는 것이 좋습니다.

이 점을 설명하는 데 도움이 되도록 아래 스크린샷에 표시된 Divi Web Freelancer 디자인의 데모 영역을 살펴보세요.

호스팅 설정에 따라 Divi Builder가 레이아웃 팩의 모든 레이아웃을 가져오는 데 최대 1분이 걸릴 수 있습니다.

페이지에 레이아웃을 삽입한 후에는 색상을 변경하고, 모듈을 추가하고, 관련이 없는 섹션을 제거하여 레이아웃을 사용자 정의하고 자신의 것으로 만들 수 있습니다.

레이아웃은 메인 Divi 메뉴에서 언제든지 Divi 라이브러리에 저장할 수 있습니다.

각 레이아웃의 이름을 지정하고 카테고리로 그룹화할 수 있습니다.

Divi 관리 메뉴는 기본 플러그인 옵션 페이지, Divi 테마 빌더, Divi 라이브러리 및 기타 몇 가지 설정 페이지(나중에 설명함)로 연결됩니다.

Divi Theme Builder는 사용자 정의 페이지 템플릿을 만들 수 있는 환상적인 도구입니다. 그런 다음 게시물, 페이지 및 사용자 정의 게시물 유형에 템플릿을 할당할 수 있습니다.

각 템플릿에 대해 머리글, 본문 및 바닥글에 레이아웃을 할당할 수 있습니다. 그런 다음 이러한 템플릿을 사용해야 하는 웹사이트 영역을 정확히 지정할 수 있습니다.

예를 들어 블로그에 대한 고유한 디자인을 만들 수 있지만 특정 게시물 카테고리에서 제외할 수 있습니다. 검색 결과 페이지, 404 페이지, 아카이브, 홈 페이지 등에 대한 고유한 템플릿을 만들 수도 있습니다.

저장된 모든 레이아웃은 메인 Divi 관리 메뉴에 링크된 “Divi 라이브러리” 페이지에서 볼 수 있습니다.

이 페이지에서 레이아웃을 가져오고 내보낼 수 있습니다. 여기에서 레이아웃 카테고리를 관리할 수도 있습니다.

기본 Divi 라이브러리 페이지에서 레이아웃을 편집하기 위해 클릭하면 와이어프레임 보기 모드에서 디자인 개요로 이동합니다.

이 모드는 레이아웃의 구조를 조정하는 데 유용하지만 더 구체적인 변경을 하려면 데스크톱 보기, 태블릿 보기 또는 휴대폰 보기로 전환할 수 있습니다. 이렇게 하면 비주얼 편집기를 사용하여 저장된 레이아웃을 수정할 수 있습니다.

원하는 경우 일반 프론트엔드 비주얼 편집기를 시작하고 페이지 자체에서 사용자 정의할 수 있습니다.

나란히, 나는 Divi Builder의 미리 만들어진 레이아웃의 품질이 Beaver Builder에서 사용 가능한 디자인보다 더 낫다고 생각하지 않지만 Divi Builder의 전체 설정은 훨씬 더 좋습니다.

Divi Builder의 레이아웃 팩은 완전한 웹사이트를 구축하는 데 도움이 되는 최대 12개의 템플릿을 제공하는 반면, Beaver Builder는 페이지의 특정 섹션에 대한 단일 페이지 레이아웃과 레이아웃만 제공합니다.

플러그인은 Beaver Builder의 15에 비해 950개의 랜딩 페이지 템플릿을 제공하므로 Divi Builder에도 선택의 폭이 훨씬 더 넓습니다. Divi에서도 다양한 타사 레이아웃을 사용할 수 있습니다.

그러나 Beaver Builder는 Divi Builder보다 페이지에 레이아웃을 조금 더 빠르게 삽입하는 경향이 있다는 점에 유의하는 것이 중요합니다.

Divi 레이아웃 페이지에서 Divi Builder에서 사용할 수 있는 미리 만들어진 레이아웃을 확인하십시오.

Beaver Builder 콘텐츠 모듈

Beaver Builder에서는 총 29개의 모듈을 사용할 수 있습니다. 모듈은 기본, 미디어, 작업, 레이아웃, 정보 및 게시물의 6가지 범주로 나뉩니다.

풍부한 콘텐츠를 추가하고, 레이아웃을 조정하고, 블로그에서 콘텐츠를 가져오기 위한 다양한 모듈이 있습니다.

레이아웃 카테고리의 모듈 중 하나는 WordPress 위젯을 삽입할 수 있는 사이드바 모듈입니다. 이것은 다른 WordPress 플러그인의 레이아웃에 기능을 통합할 수 있는 많은 가능성을 열어줍니다.

모듈을 캔버스 영역으로 끌어다 놓으면 해당 설정 상자가 나타납니다.

스타일, 간격, 가시성, 애니메이션 등에 대한 모든 모듈의 공통 설정을 찾을 수 있지만 각 모듈에는 표시되는 항목을 변경할 수 있는 고유한 설정이 있습니다.

예를 들어 지도 모듈에는 지도 주소, 지도 높이, 지도 제목 속성을 입력하는 필드가 있습니다.

Beaver Builder에는 가장 큰 콘텐츠 모듈 컬렉션이 없으며 Divi만큼 많은 사용자 지정 옵션을 제공하지 않습니다.

그러나 Beaver Builder에는 WordPress 위젯을 통해 레이아웃에 누락된 기능을 삽입할 수 있으므로 아름다운 레이아웃을 만드는 데 필요한 모든 것이 있다고 생각합니다.

Divi Builder 콘텐츠 모듈

Divi Builder에서는 38개의 콘텐츠 모듈을 선택할 수 있습니다.

이미지, 비디오, 포트폴리오 및 평가와 같은 필수 모듈과 함께 바 카운터, 광고 문구, 슬라이더 및 클릭 유도문안을 추가하는 데 유용한 모듈이 있습니다.

Divi Builder는 또한 프로젝트에 대한 새로운 사용자 정의 포스트 유형을 추가합니다.

Beaver Builder와 마찬가지로 Divi에는 WordPress 위젯을 레이아웃에 통합할 수 있는 사이드바 모듈이 있습니다.

Divi Builder는 색상으로 구분된 시스템을 사용하여 세련된 레이아웃을 만들 수 있습니다.

섹션은 파란색, 행은 녹색, 모듈은 짙은 회색(거의 검정색)입니다.

열 위에 마우스를 놓고 "새 모듈 추가" 버튼을 클릭하여 새 모듈을 추가할 수 있습니다.

앞서 보여드린 것처럼 모듈을 선택하면 모듈 설정 상자가 자동으로 나타나서 값을 입력하고 스타일을 조정할 수 있습니다.

모든 사용자 정의는 Divi 라이브러리에 저장할 수 있습니다. 이렇게 하면 페이지를 만들 때 많은 시간을 절약할 수 있습니다.

예를 들어 회사 주소의 지도를 표시하도록 지도 모듈을 수정할 수 있습니다. 그런 다음 지도를 쉽게 저장하고 정보 페이지, 연락처 양식, 블로그 게시물 등에 삽입할 수 있습니다.

Divi Builder는 Beaver Builder보다 더 많은 스타일 지정 및 사용자 정의 옵션을 제공하고 9개의 추가 콘텐츠 모듈이 있습니다.

비버 빌더 구성

전역 설정 상자는 Beaver Builder 사용자 인터페이스 내의 도구 메뉴에서 로드할 수 있습니다.

페이지 머리글과 행, 열 및 모듈의 여백과 패딩을 활성화 및 비활성화할 수 있습니다. 반응형 레이아웃도 이 영역에서 조정할 수 있으며 CSS 및 Javascript 코드를 삽입할 수 있는 상자가 있습니다.

기본 Beaver Builder 설정 페이지는 여러 섹션으로 나뉩니다.

자동 플러그인 업데이트를 받으려면 라이선스 섹션에 라이선스 키를 입력해야 합니다. 모듈 및 포스트 유형은 다음 섹션에서 활성화 및 비활성화할 수 있습니다.

템플릿 시스템에 대한 액세스는 다음 섹션에서 조정할 수 있습니다. 핵심 템플릿, 사용자 템플릿 또는 모든 템플릿을 활성화할 수 있습니다. 템플릿을 비활성화할 수도 있습니다.

사용자 액세스 설정 영역에서는 Beaver Builder를 사용할 수 있는 WordPress 사용자 그룹을 정의할 수 있습니다. 권한은 빌더 및 Beaver Builder 관리 메뉴에 대한 액세스와 같은 5가지 영역으로 나뉩니다.

일반 설정 페이지에서는 아이콘 세트, 플러그인 브랜딩, 테마 브랜딩 및 도움말 설정을 활성화 및 비활성화할 수도 있습니다. 캐싱 및 디버깅은 도구 섹션에서 사용할 수 있습니다.

Beaver Builder를 설치한 후 Beaver Builder 설정 페이지를 확인하는 것이 좋지만 대부분의 사용자 지정은 기본 Beaver Builder 인터페이스 내에서 이루어집니다.

Divi 빌더 구성

Beaver Builder와 마찬가지로 대부분의 시간은 Divi Builder 편집기 자체 내에서 레이아웃을 사용자 지정하는 데 사용되지만 기본 Divi 관리 메뉴에서 찾을 수 있는 몇 가지 중요한 설정이 있습니다.

기본 플러그인 옵션 페이지에는 우아한 테마 사용자 이름과 API 키를 입력할 수 있는 탭이 있습니다. 자동 플러그인 업데이트를 받으려면 이 작업을 완료해야 합니다.

다음 탭에서 Google API 키를 입력할 수 있습니다. 지도 모듈을 사용하려는 경우에 필요합니다. 이 페이지에서도 Google 글꼴을 비활성화할 수 있습니다.

다음 탭에서는 특정 WordPress 게시물 유형에 대해 Divi Builder를 활성화 및 비활성화할 수 있습니다. 갤러리와 같은 특정 게시물 유형에 대해 Divi Builder에 대한 액세스를 제한하려는 경우에 유용합니다.

고급 탭에서 CSS 및 Javascript 축소를 활성화 및 비활성화할 수 있습니다. 여기에서 Legacy Builder 편집기를 활성화할 수도 있습니다.

Divi Builder를 사용하면 웹사이트의 모든 사용자 그룹이 할 수 있는 것과 할 수 없는 것을 완벽하게 제어할 수 있습니다.

Beaver Builder를 사용하면 몇 가지 주요 영역에 대한 액세스를 제한할 수 있지만 Divi Builder를 사용하면 사용자가 액세스할 수 있는 기능을 정확히 정의할 수 있습니다.

예를 들어 사용자가 Divi Builder 내에서 레이아웃을 로드하거나 기능을 비활성화하지 못하도록 할 수 있습니다.

Divi의 지원 센터는 시스템에 대한 보고서를 제공합니다. 이렇게 하면 호스팅 설정과 관련된 문제를 진단하는 데 도움이 될 수 있습니다.

예를 들어, 내 테스트 WordPress 웹 사이트의 경우 보고서에 내 WordPress 설치에 제한된 양의 리소스가 있는 것으로 나타났습니다.

이 페이지에서 원격 액세스도 가능합니다. 이것은 우아한 테마 지원 팀이 Divi Builder와 관련된 문제를 해결하는 데 도움이 될 수 있습니다.

지원 센터에는 유용한 비디오 자습서에 대한 링크도 있으며 다른 WordPress 플러그인 및 테마에 문제를 일으킬 수 있는 기능을 비활성화하는 안전 모드가 있습니다.

WP_DEBUG_LOG가 활성화된 경우 이 페이지에도 오류가 표시됩니다.

Divi Builder는 설치 후 몇 가지 설정만 확인하면 되는 간단한 WordPress 플러그인입니다.

설정 영역에서 눈에 띄는 기능은 Divi 역할 편집기입니다. 직원이 여러 명 있는 대규모 WordPress 웹 사이트 소유자는 감사할 것입니다.

비버 빌더 테마

Beaver Builder 테마는 Beaver Builder Pro 및 Agency 계획에 포함된 HTML5 및 Bootstrap WordPress 프레임워크입니다.

Beaver Builder로 디자인을 만들기 위한 빈 캔버스 역할을 하는 최소한의 WordPress 디자인입니다. 개발자가 웹 사이트 디자인을 수정하는 데 도움이 되도록 테마 내에서 후크 및 필터를 사용할 수 있으며 WooCommerce를 크게 지원합니다.

Beaver Builder 테마의 모든 설정은 WordPress Customizer에 포함되어 있습니다.

스타일 및 위치는 페이지의 수십 영역에 대해 조정할 수 있습니다. 헤더, 탐색 메뉴, 블로그, 아카이브, 블로그 게시물, WooCommerce 페이지 및 바닥글 레이아웃도 있습니다.

핵심에서 Beaver Builder는 최소한의 WordPress 테마로 남아 있지만 개발자는 많은 추가 사용자 지정 옵션을 추가하기 위해 더 많은 노력을 기울였습니다.

예를 들어 웹사이트의 로고를 살펴보세요. 레티나 장치용 일반 로고 이미지, 일반 장치 및 망막 장치용 페이드 인 로고, 모바일 장치용 로고를 업로드할 수 있습니다.

다른 많은 WordPress 테마에서 머리글, 사이드바 및 바닥글과 같은 디자인의 다른 부분으로 인해 Beaver Builder가 레이아웃을 올바르게 표시하지 못할 수 있습니다. 이것이 많은 Beaver Builder 사용자가 Beaver Builder 테마로 전환한 이유입니다.

웹 사이트에서 Beaver Builder 레이아웃을 사용하려는 경우 탁월한 선택입니다.

디비 테마

Beaver Builder는 디자인을 Beaver Builder의 프레임워크 테마로 마케팅하고, Elegant Themes는 Divi 테마를 다용도 올인원 WordPress 테마로 마케팅합니다.

이것은 사람들이 생각하는 것보다 Beaver Builder 테마와 Divi 테마 사이에 유사점이 더 많기 때문에 마케팅이 얼마나 영향력을 미칠 수 있는지를 강조합니다.

처음에 Divi는 올인원 WordPress 테마 였지만 Divi 테마와 관련된 모든 사람이 나중에 Divi Builder로 마이그레이션한 대부분의 다용성입니다. 이것은 의심할 여지 없이 옳은 일이었습니다.

따라서 대부분의 기능이 Divi Builder에 통합되어 Divi 테마는 Beaver Builder 테마와 같은 프레임워크로 간주될 수 있습니다. 따라서 두 제품을 모두 소유하고 있다면 Beaver Builder와 함께 Divi 테마를 사용하거나 Divi Builder와 함께 Beaver Builder 테마를 사용할 수 있습니다.

Divi 테마가 활성화되면 Divi 관리 메뉴에 몇 가지 미묘한 변경 사항이 표시됩니다.

여기에는 테마 옵션 페이지로 대체되는 플러그인 옵션 페이지와 WordPress Customizer에 대한 링크가 포함됩니다.

설정 영역이 확장되는 것을 제외하고 다른 모든 것은 동일하게 유지됩니다.

흥미롭게도 Divi 테마가 활성화되면 Divi Builder 플러그인이 자동으로 비활성화됩니다. 이것은 Divi Builder의 기능이 Divi 테마(및 우아한 테마의 Extra WordPress 테마)에 직접 내장되어 있기 때문에 필요합니다.

12개 섹션에 걸쳐 있는 WordPress 커스터마이저 내에서 수백 가지의 유용한 옵션을 찾을 수 있습니다. 머리글, 바닥글 및 사이드바와 같은 영역을 제어하는 ​​데 사용할 수 있습니다.

게시물, 페이지 및 사용자 정의 게시물 유형의 기본 콘텐츠 영역은 여전히 ​​Divi Builder에서 제어합니다.

웹 사이트 디자인을 사용자 정의할 때 Divi 테마가 Beaver Builder 테마보다 더 좋거나 나쁘다고 생각하지 않습니다. Divi 테마가 더 많은 옵션을 제공하는 몇 가지 영역과 Beaver Builder 테마가 더 많은 옵션을 제공하는 몇 가지 영역이 있습니다.

Divi Builder의 모든 플러그인 옵션이 Divi 테마의 보다 광범위한 옵션 영역에 통합되었습니다.

예를 들어, 게시물 유형 설정은 이제 빌더 탭에서 사용할 수 있고 고급 설정 페이지의 옵션은 이제 일반 옵션 페이지에 있습니다.

일반 설정 페이지에는 소셜 미디어 아이콘, 스크롤, 사용자 정의 CSS 코드 등을 위한 필드도 있습니다.

Divi 테마 사용자는 추가 옵션도 사용할 수 있습니다.

웹사이트의 탐색 메뉴를 위한 전용 옵션 영역과 게시물 및 페이지에서 활성화해야 하는 기능을 명시할 수 있는 레이아웃 페이지가 있습니다.

웹사이트에 대한 468×60 픽셀 배너 및 일반 SEO 세부정보를 추가하기 위한 페이지도 있습니다.

Beaver Builder 테마와 마찬가지로 Divi 테마는 Divi Builder와 함께 사용하도록 최적화된 최소한의 WordPress 테마입니다.

Divi의 방대한 사전 제작 레이아웃을 활용하려면 이 디자인을 사용하는 것이 좋습니다.

비버 빌더의 비용

특징과 기능은 Beaver Builder 및 Divi를 검토할 때 고려해야 할 두 가지 요소이지만 이러한 제품의 비용과 프로젝트에 사용할 수 있는 예산도 고려해야 합니다.

많은 프리미엄 WordPress 회사는 추가 웹 사이트에서 제품을 사용하는 데 더 많은 비용을 청구합니다. 예를 들어, 초급 계획은 1개의 웹사이트를 지원할 수 있고, 중급 계획은 3개의 웹사이트를 지원할 수 있으며, 고급 계획은 10개의 웹사이트를 지원할 수 있습니다.

Beaver Builder 및 우아한 테마는 더 관대하여 무제한 웹 사이트에 대한 지원 및 업데이트를 제공합니다.

이 기사는 주로 Beaver Builder의 프리미엄 버전에 중점을 두었지만 여전히 Beaver Builder Lite를 확인하는 것이 좋습니다.

간단한 웹사이트를 위한 좋은 솔루션이며 Beaver Builder 인터페이스가 어떻게 작동하는지 확인하는 데에도 도움이 됩니다.

그러나 무료 버전의 Beaver Builder에는 문의 양식, 가격표, 지도와 같은 유용한 모듈이 부족합니다. Beaver Builder 템플릿 시스템이나 미리 만들어진 레이아웃에도 액세스할 수 없습니다.

For the vast majority of projects, the full version of Beaver Builder is a better fit than the lite version.

Three different premium plans are available: Standard, Pro, and Agency. All plans come with one year of premium support and access to premium modules and templates.

The standard plan retails at $99 per year. To get WordPress multisite support and access to the Beaver Builder Theme, you need to upgrade to the $199 per year Pro plan.

The $399 per year Agency plan adds white labeling. Web design companies may be interested in this plan as it allows you to rebrand the plugin as your own and change all references to Beaver Builder in templates and the admin area.

Beaver Builder는 30일 환불 보장을 제공합니다.

또한 모든 Beaver Builder 회원은 1년 후 40% 할인을 받습니다. 이에 따라 Beaver Builder의 향후 계획 가격은 연간 $59.40, 연간 $119.40, 연간 $239.40로 낮아집니다.

Beaver Builder 사용에 대해 확신이 서지 않는 경우 자세한 지식 기반을 확인하는 것이 좋습니다. 티켓 지원, Beaver Builder 커뮤니티 포럼, Beaver Builder Facebook 그룹 및 Beaver Builder Slack 룸을 통해 도움을 요청할 수도 있습니다.

디비의 비용

우아한 테마 멤버십의 가격 정책은 더 간단합니다.

두 가지 계획을 사용할 수 있으며 두 계획 모두 모든 우아한 테마 제품에 대한 전체 액세스 권한을 제공합니다.

연간 우아한 테마 멤버십 비용은 연간 $89입니다.

Beaver Builder와 마찬가지로 멤버십이 만료되면 Divi Builder와 같은 제품을 계속 사용할 수 있지만 갱신하지 않으면 지원 및 업데이트를 받을 수 없습니다.

몇 년 동안 멤버십을 갱신할 생각이라면 평생 액세스 플랜을 고려하는 것이 좋습니다. $249의 일회성 요금으로 모든 Elegant Themes 제품에 대한 평생 액세스, 지원 및 업데이트를 받을 수 있습니다.

우아한 테마는 또한 모든 신규 고객에게 30일 환불 보장을 제공합니다.

제품을 더 잘 이해할 수 있도록 Elegant Themes는 내가 본 것 중 가장 광범위한 문서 영역 중 하나를 만들었습니다. 우아한 테마 WordPress 테마 및 플러그인의 작동 방식을 설명하는 수백 개의 서면 자습서 및 비디오 자습서가 있습니다.

회원은 티켓 지원을 통해 도움을 요청할 수도 있으며 대규모 커뮤니티 포럼, Meetup 네트워크 및 인기 있는 Facebook 그룹도 있습니다.

Beaver Builder와 Divi는 가격 모델이 약간 다르기 때문에 비용을 비교하는 것은 어렵습니다.

제한적이지만 Beaver Builder Lite는 기본 블로그 및 간단한 웹 사이트 프로젝트에 충분하므로 무료 버전의 Beaver Builder를 사용할 수 있다는 사실에 감사합니다.

그러나 저는 Beaver Builder의 정식 버전이 대다수의 WordPress 사용자에게 최고의 옵션이라고 믿습니다.

$99에서 Beaver Builder의 표준 라이선스는 Elegant Themes보다 $10 더 비싸지만 이후 갱신에는 연간 $59.40만 청구됩니다.

이것은 충성도 높은 회원을 위한 관대한 할인이지만, 우아한 테마 평생 계획은 여전히 ​​많은 웹사이트 소유자에게 더 저렴할 수 있습니다.

우아한 테마 멤버십에는 Divi 테마도 포함되며 Beaver Builder 테마에 액세스하려면 $199를 지불해야 합니다.

더 중요한 것은 우아한 테마 멤버십에는 Divi 테마, Divi Builder, WordPress 매거진 테마 Extra, 이메일 수신 동의 WordPress 플러그인 Bloom 및 소셜 미디어 WordPress 플러그인 Monarch의 5가지 고품질 제품이 포함되어 있습니다.

이 때문에 우아한 테마 멤버십이 대부분의 WordPress 사용자에게 더 나은 가격 대비 가치를 제공한다고 생각합니다.

마지막 생각들

드래그 앤 드롭 페이지 빌더를 사용하면 WordPress 사용자가 사용자 친화적인 인터페이스를 통해 몇 분 안에 아름다운 웹사이트 레이아웃을 만들 수 있습니다.

이와 같은 비교 기사에서 Beaver Builder와 Divi의 장단점을 모두 보여주는 것이 제 책임이지만, 이 두 솔루션 모두 세련된 제품이며 둘 사이에 많은 유사점이 있음을 기억하는 것이 중요합니다.

새 행과 열을 만드는 과정은 두 제품 모두 비슷하지만 Beaver Builder의 인터페이스가 배우기 쉽고 조금 더 빠르다고 생각합니다.

Divi는 더 많은 사용자 정의 옵션과 미리 만들어진 레이아웃을 제공합니다. 5개의 제품이 Elegant Themes 멤버십에 포함되어 있어 가격 대비 더 나은 가치를 제공한다고 생각합니다.

Beaver Builder 및 Divi에 대한 자세한 내용을 재미있게 보셨기를 바랍니다.

Beaver Builder에 대해 자세히 알아보려면 공식 판매 페이지를 확인하거나 Beaver Builder에 대한 전체 리뷰를 읽어보세요. 또한 Beaver Builder 데모 페이지를 방문하거나 플러그인의 무료 버전을 테스트하여 Beaver Builder의 작동 방식을 더 잘 이해할 수 있습니다.

우아한 테마 웹사이트와 Divi Builder에 대한 전체 리뷰에서 Divi를 사용하는 방법에 대해 알아볼 수 있습니다. 무료 Divi Builder 버전은 없지만 Divi Builder 데모 페이지에서 플러그인을 테스트할 수 있습니다. Divi Builder가 무엇을 할 수 있는지 확인하는 데 도움이 됩니다.

읽어 주셔서 감사합니다.
케빈