Beaver Builder 검토: 최고의 WordPress 페이지 빌더 플러그인입니까? (2022)

WordPress 사이트에 가장 적합한 페이지 빌더 플러그인을 찾고 계십니까?

Beaver Builder는 분명히 그 목록에 들어갈 자격이 있습니다. 2014년에 출시된 이후로 최고의 페이지 빌더 중 하나가 되었으며 견고한 안정성과 훌륭한 커뮤니티로 명성을 얻었습니다.

실제 Beaver Builder 검토에서 플러그인이 잘하는 것과 잘하지 않는 것을 포함하여 플러그인에 대해 자세히 살펴보겠습니다.

일반적으로 Beaver Builder는 매우 좋은 페이지 빌더라고 생각하지만 모든 사람에게 가장 좋은 도구는 아닙니다. 따라서 Beaver Builder 또는 다음과 같은 인기 있는 대안 중 하나를 사용해야 할지 결정하려면 올바른 정보가 필요합니다. Elementor 또는 Divi Builder.

계속해서 리뷰를 읽고 결정을 내리는 데 도움을 드리겠습니다!

Beaver Builder 검토: 빠른 요약

Beaver Builder에 익숙하지 않은 경우에는 속도를 높일 수 있도록 해당 기능에 대한 매우 빠른 요약부터 시작하겠습니다.

Beaver Builder는 사용자 친화적인 드래그 앤 드롭 페이지 빌더 플러그인입니다. 즉, 기술 지식 없이도 복잡한 디자인과 랜딩 페이지를 구축하는 데 도움이 됩니다.

콘텐츠 모듈 을 사용하여 디자인을 설정하고 행 과 열 을 사용하여 레이아웃을 만들 수 있습니다. 모든 모듈, 행 및 열에 대해 디자인, 레이아웃, 간격 등을 제어하는 ​​세부 옵션이 제공됩니다.

더 나아가고 싶다면 Beaver Builder의 Themer 추가 기능을 사용하여 사용자 정의 머리글, 게시물 템플릿, 바닥글 등을 포함하여 시각적, 끌어서 놓기 편집을 사용하여 전체 테마를 디자인할 수 있습니다.

기본적으로 Beaver Builder는 100% 맞춤형 WordPress 웹사이트를 구축하는 데 도움이 됩니다.

Beaver Builder 인터페이스 작동 방식

먼저 Beaver Builder 인터페이스와 작동 방식을 살펴보겠습니다.

기본 인터페이스 둘러보기

인터페이스를 시작하면 라이브 디자인의 멋진 전체 너비 미리 보기가 표시됩니다. 기본적으로 고정된 사이드바는 없지만 원하는 경우 만들 수 있습니다.

모듈 추가

새 모듈이나 템플릿을 추가하려면 오른쪽 상단 모서리에 있는 "더하기" 아이콘을 클릭하여 삽입기 인터페이스를 열 수 있습니다. 모듈은 여러 범주로 나뉘며 이름으로 검색할 수도 있습니다.

모듈을 추가하려면 페이지로 끌어다 놓기만 하면 됩니다.

모듈을 추가하면 메뉴가 사라지고 전체 미리보기로 돌아갑니다.

메뉴를 고정된 상태로 유지하려면 메뉴를 오른쪽이나 왼쪽으로 드래그하여 해당 쪽에 고정된 사이드바로 전환할 수 있습니다. 여기에서 왼쪽으로 고정했습니다.

모듈 자체의 관점에서, Beaver Builder는 가장 중요한 모든 모듈에 대한 액세스를 제공하는 일을 훌륭하게 수행합니다. 목록은 다른 페이지 빌더 만큼 크지는 않지만 대부분의 사람들이 문제를 겪을 것이라고 생각하지 않습니다. 더 많은 모듈을 추가해야 하는 경우 항상 타사 플러그인을 사용하여 추가할 수 있습니다(나중에 자세히 설명).

모듈, 열 및 행 구성

요소에 대한 설정을 열려면 해당 요소 위에 마우스를 놓고 렌치 아이콘을 클릭하면 됩니다.

메뉴가 사라지는 경우 설정이 팝업으로 표시되어 원하는 위치로 끌어 크기를 변경할 수 있습니다.

고정 사이드바 접근 방식을 선호하는 경우 대신 사이드바에서 설정이 자동으로 열립니다.

위의 스크린샷에서 텍스트 편집기를 볼 수 있지만 Beaver Builder는 인라인 편집도 지원합니다. 즉, 클릭하고 입력하여 페이지에 직접 텍스트를 추가할 수 있습니다.

디자인 옵션의 수 면에서 중요한 핵심 옵션은 모두 얻을 수 있지만 Elementor 및 Divi Builder와 같은 일부 페이지 빌더가 제공하는 고급 디자인 옵션은 얻지 못한다고 말하고 싶습니다.

예를 들어 사용자 지정 절대/상대 위치 지정이 없으며 Elementor의 모션 효과 또는 Divi의 스크롤 효과와 같은 것도 없습니다( Beaver Builder에는 기본 애니메이션이 포함되어 있음).

일반 사용자의 경우, 나는 당신이 아무것도 놓치고 있다고 느끼지 않을 것이라고 생각합니다. 그러나 멋진 디자인 효과를 모두 설정할 수 있는 것을 좋아하는 디자이너라면 Elementor와 Divi가 그런 면에서 확실히 조금 더 유연합니다.

Beaver Builder는 반응형 디자인도 지원합니다. 모바일 장치에서 특정 요소를 숨기고 사용자 장치에 따라 구성을 변경하는 옵션을 얻을 수도 있습니다(예: 모바일 방문자에 대해 다른 간격 또는 글꼴 크기를 사용할 수 있음).

모바일 및 태블릿용으로 쉽게 디자인할 수 있는 반응형 편집 모드도 있습니다.

다중 기둥 디자인 만들기

이것은 내가 가장 좋아하는 Beaver Builder 기능 중 하나인데 왜 모든 페이지 빌더가 이런 식으로 하지 않는지 모르겠습니다.

다중 열 디자인을 만들고 싶다고 가정해 보겠습니다. 대부분의 다른 페이지 빌더에서는 먼저 열 구조를 설정해야 합니다. 그런 다음 위젯을 해당 열로 드래그할 수 있습니다.

Beaver Builder를 사용하면 해당 단계를 건너뛰고 다른 모듈 옆에 모듈을 끌어 자동으로 새 열을 생성할 수 있습니다. 작은 일이지만 정말 편리하고 시간을 절약할 수 있습니다.

물론 Beaver Builder를 사용하면 열 구조를 먼저 설정할 수 있습니다. 그렇게 하려면 행을 수동으로 추가해야 합니다.

템플릿 삽입

시간을 절약하기 위해 Beaver Builder에는 삽입할 수 있는 전체 페이지 템플릿이 포함되어 있습니다. 이러한 템플릿은 두 가지 형식으로 제공됩니다.

• 전체 방문 페이지
• 콘텐츠 페이지(예: "정보" 페이지)

템플릿이 Beaver Builder의 장점은 아니라고 말씀드리고 싶습니다. 템플릿 자체는 괜찮아 보이지만 일부 다른 도구에서 제공하는 템플릿의 거의 수량에 액세스할 수 없습니다. 예를 들어, Divi는 1,700개 이상의 템플릿을 제공하고 Elementor도 수백 개에 달합니다.

페이지 템플릿 외에도 페이지의 일부(예: 영웅 섹션)에 대한 템플릿인 미리 작성된 행 템플릿도 얻을 수 있습니다.

자신의 디자인을 템플릿으로 저장하여 나중에 다시 사용할 수도 있습니다.

전역 설정 사용

전역 설정을 사용하면 행의 기본 너비, 행과 열의 기본 여백/패딩, 반응형 레이아웃 등과 같은 모든 Beaver Builder 디자인에 대한 고급 설정을 제어할 수 있습니다.

코어 플러그인에서 중소 장치 중단점을 사용자 지정할 수도 있습니다. 이는 모든 페이지 빌더에서 허용하지 않는 것입니다(예: Elementor는 여전히 조정 가능한 중단점을 허용하는 중입니다).

코드 작업

코드로 작업하려는 경우 Beaver Builder를 사용하여 CSS 또는 JavaScript를 페이지에 직접 쉽게 추가할 수 있습니다. Ctrl + Y 를 눌러 코드 편집기를 엽니다.

그러나 Elementor Pro에서 허용하는 대로 개별 모듈/섹션에 사용자 정의 CSS를 직접 추가할 수 없습니다. 모듈에 사용자 정의 CSS 클래스 또는 ID를 추가할 수 있지만 CSS 자체를 추가할 수는 없습니다.

인터페이스 및 편집 경험에 대한 일반적인 생각

전반적으로 Beaver Builder의 편집 경험은 상당히 좋다고 생각합니다.

디자인 옵션과 관련하여 Elementor 또는 Divi만큼 "많이" 있지는 않지만 대부분의 사용자에게 필요한 모든 핵심 옵션이 있습니다.

또한 인터페이스 자체가 정말 마음에 듭니다. 이것을 스크린샷으로 보여주기는 어렵지만 인터페이스는 항상 빠르고 결함이 없습니다. 설정을 열거나 물건을 끌 때 지연이나 문제가 발생하지 않습니다. 그냥 작동합니다.

취향에 따라 인터페이스를 커스터마이징할 수 있다는 점도 좋습니다. 전체 화면의 시각적 미리 보기를 원하는 경우 기본 팝업 스타일을 계속 사용하고 디자인을 볼 때 모든 설정을 숨길 수 있습니다.

또는 사이드바 접근 방식이 마음에 들면 사이드바를 양쪽에 고정하고 고정 인터페이스에서 모든 작업을 수행할 수 있습니다.

특별히 화려한 것은 없으며 사용하기에 정말 견고하고 즐거운 인터페이스입니다.

비버 테마

Beaver Builder는 Beaver Builder에 전체 테마 구축 지원을 추가하는 Beaver Builder 팀의 공식 확장입니다.

Beaver Builder는 Elementor 및 Divi와 같은 다른 유명 브랜드를 능가하는 전체 테마 구축을 제공한 최초의 페이지 빌더 중 하나였습니다.

Beaver Themer가 활성화되면 Beaver Builder → Themer Layouts 로 이동하여 테마의 템플릿을 생성할 수 있습니다.

• 헤더
• 보행인
• 단수(예: 단일 블로그 게시물, 페이지 등)
• 아카이브(예: 모든 블로그 게시물을 나열하는 페이지)
• 404페이지

테마 부분을 만들 수도 있습니다. 이는 테마 후크와 같이 사이트의 다른 부분에 디자인을 삽입할 수 있는 정말 멋진 기능입니다.

테마 템플릿

새 테마 템플릿을 만들 때 먼저 해당 템플릿을 사용할 시기를 선택해야 합니다. 예를 들어 모든 블로그 게시물 또는 특정 카테고리/태그가 있는 게시물만 특정 유형의 콘텐츠를 타겟팅할 수 있습니다.

더 많은 제어를 원하면 로그인 상태, 사용자 역할, 작성자, 사용자 정의 필드, 게시물 템플릿 등과 같은 지정된 조건이 충족되는 경우에만 특정 템플릿을 사용할 수 있도록 하는 규칙 을 설정할 수도 있습니다.

대부분의 다른 테마 빌더에는 비슷한 기능이 없기 때문에 이것이 Beaver의 확실한 장점입니다.

여기에서 동일한 Beaver Builder 인터페이스를 사용하여 템플릿을 디자인할 수 있습니다. 유일한 차이점은 게시물의 제목 및 콘텐츠와 같은 "동적" 콘텐츠를 삽입할 수 있다는 것입니다.

Beaver는 또한 사용자 정의 필드와 함께 작동하므로 고급 사용자 정의 필드 또는 포드와 같은 플러그인에서 데이터를 삽입할 수 있습니다. 아래에서 필드의 콘텐츠를 동적 정보에 연결하는 방법을 확인할 수 있습니다.

테마 파트

테마 부분은 기본적으로 테마 템플릿과 동일하게 작동하지만 테마의 특정 위치(예: 게시물 제목 아래 또는 콘텐츠 아래)에 부분을 삽입할 수 있는 추가 옵션이 있습니다.

광고, 옵트인 양식, 클릭 유도문안 등에 테마 부분을 사용할 수 있습니다.

비버 빌더 테마

Beaver Builder 테마는 Beaver Builder와 짝을 이루도록 설계된 가벼운 기본 WordPress 테마입니다.

기본적으로 아이디어는 Beaver Builder 테마를 사용하여 머리글, 바닥글 및 블로그 템플릿과 같은 비 콘텐츠 영역을 처리한 다음 Beaver Builder를 사용하여 실제 콘텐츠(머리글과 보행인).

솔직히 말해서 Beaver Builder 테마가 2022년 이후에 추가될 만큼 가치가 있다고 생각하지 않습니다. 테마가 "나쁘다"는 것이 아니라 좋은 테마입니다. 워드프레스 공간이 달라졌다고 생각하고 더 이상 그렇게 특별하지 않습니다.

몇 년 전만 해도 여전히 가볍고 다목적인 기본 테마를 찾기가 어려웠기 때문에 테마가 있어서 좋았습니다.

그러나 이제 페이지 빌더와 짝을 이루도록 설계된 유연하고 가벼운 테마를 선택할 수 없습니다. 이 모든 테마는 Beaver Builder 테마와 동일한 기본 원칙을 따르지만 더 잘 수행합니다( 적어도 제 생각에는 ). 2022년 이후에는 Beaver Builder와 GeneratePress를 함께 사용하고 싶습니다.

성능

성능은 페이지 빌더 플러그인을 사용할 때 항상 중요한 고려 사항입니다. 페이지 빌더는 기본 WordPress 편집기를 사용하는 것보다 항상 페이지에 더 많은 가중치를 추가하지만 일부 페이지 빌더는 해당 가중치를 최소로 유지하는 데 다른 페이지 빌더보다 낫습니다.

저는 개인적으로 다른 페이지 빌더를 사용하여 동일한 페이지를 만든 몇 가지 테스트를 수행했으며 Beaver Builder는 일반적으로 성능 면에서 최고의 옵션 중 하나입니다. 즉, 페이지 크기와 HTTP 요청이 다른 빌더보다 작습니다.

기본 WordPress 블록 편집기(Gutenberg)에 비해 Beaver Builder가 추가하는 추가 가중치에 대한 좋은 아이디어를 제공하기 위해 약간의 테스트를 실행하기로 결정했습니다.

저는 Gutenberg 편집기를 사용하는 버전과 Beaver Builder의 프리미엄 버전을 사용하는 버전의 두 가지 버전으로 간단한 디자인을 만들었습니다.

그런 다음 페이지 크기와 HTTP 요청을 비교했습니다(이 숫자에는 내 사이트의 테마인 GeneratePress가 포함됨).

Beaver Builder는 기본적으로 그렇게 많이 로드되지 않는다는 것을 알 수 있습니다. 디자인은 매우 단순하며 주로 텍스트, 버튼 및 열만 포함되어 있습니다. 이 결과는 다른 많은 페이지 빌더에서 볼 수 있는 것보다 작습니다.

예를 들어 Divi Builder로 동일한 작업을 수행했을 때 316.7KB(비버 빌더의 +44.1KB 대비)와 7개의 새로운 HTTP 요청(비버 빌더의 4개의 새로운 HTTP 요청)이 추가되었습니다.

또 다른 좋은 점은 Beaver Builder가 사이트 전체에서 스크립트를 로드하지 않는다는 것입니다. 따라서 기본 WordPress 편집기로 만든 페이지가 있는 경우 Beaver Builder는 해당 페이지에 단일 스크립트를 로드하지 않습니다.

이는 일부 다른 페이지 빌더가 사이트 전체에 스크립트를 로드하기 때문에 해당 페이지에서 페이지 빌더를 사용하는지 여부에 관계없이 페이지에 가중치를 추가하기 때문에 주목할 만합니다.

비버 빌더 성능 결론

Beaver Builder로 디자인한 페이지가 Gutenberg 블록 편집기로 디자인한 페이지만큼 빠르게 로드됩니까? 아니요, 모든 것이 평등합니다. 그렇지 않습니다.

그러나 Gutenberg 블록 편집기는 Beaver Builder만큼 많은 설계 유연성을 제공하지 않습니다. 그리고 유사한 유연성을 가진 다른 페이지 빌더 플러그인과 비교할 때 Beaver Builder는 상당히 유리합니다.

따라서 — 모든 페이지 빌더 플러그인에 해당하는 기본 성능 절충안이 있는 한 Beaver Builder는 추가된 가중치를 최소한으로 유지하는 좋은 작업을 수행합니다.

WordPress 성능 모범 사례를 따르고 일부 속도 최적화 플러그인을 사용하고 빠른 호스팅에서 사이트를 호스팅하는 한 Beaver Builder를 사용하여 빠르게 로드되는 사이트를 완전히 만들 수 있습니다.

타사 Beaver Builder 추가 기능

Beaver Themer 외에도 Beaver Builder에는 타사 Beaver Builder 추가 기능의 활기찬 시장이 있어 핵심 빌더를 더욱 확장할 수 있습니다.

일반적으로 이러한 확장을 사용하여 새 콘텐츠 모듈 및 템플릿을 추가하지만 일부는 Pods 프레임워크를 Beaver Builder/Themer와 통합하는 것과 같은 새로운 기능을 추가하기도 합니다.

맛보기를 위해 가장 인기 있는 두 가지 옵션을 소개합니다.

• Beaver Builder용 Ultimate Addons(Astra 테마 뒤에 동일한 팀에서 제공)
• Beaver Builder용 PowerPack 애드온

더 많은 옵션을 보려면 최고의 Beaver Builder 추가 기능 모음을 확인하십시오.

가격

이제 다른 모든 것을 다루었으므로 가격 책정에 대해 이야기해 보겠습니다.

우선 Beaver Builder 는 WordPress.org에서 무료로 라이트 버전을 제공하지만 매우 제한적입니다.

솔직히 말해서, 이제 Gutenberg 블록 편집기가 존재하므로 Beaver Builder 무료 버전에서 사용자 인터페이스를 사용해 보고 마음에 드는지 확인하는 것 외에는 아무런 가치가 없습니다.

동의하지 않을 수 있으므로 무료 버전을 직접 테스트해야 합니다. 그러나 제 생각에는 특히 무료 페이지 빌더 플러그인을 찾고 있다면 Elementor 및 Brizy의 무료 버전이 기능면에서 훨씬 더 관대합니다.

그러나 프리미엄 버전의 경우 Beaver Builder는 매우 저렴합니다.

먼저 주목해야 할 중요한 점은 Beaver Builder의 모든 요금제는 무제한 웹사이트에서 사용할 수 있다는 것입니다.

거기에서 계획은 1년 동안의 지원 및 업데이트에 대해 $99부터 시작합니다. 모든 계획에서 첫해 이후에도 지원 및 업데이트를 계속 받고 싶다면 40% 갱신 할인을 받을 수 있습니다.

위에서 언급했듯이 Beaver Builder 테마가 더 이상 그 가치가 없다고 생각하므로 거의 모든 사람이 $99 Standard 라이선스로 괜찮을 것이라고 생각합니다. 더 많은 비용을 지불해야 하는 유일한 이유는 다음과 같습니다.

1. WordPress 다중 사이트 지원이 필요하며 이 경우 $199 Pro 라이선스가 필요합니다.
2. 화이트 라벨링이 필요하며 이 경우 $399 에이전시 라이선스가 필요합니다.

테마 구축 지원을 추가하려면 무제한 사이트에서 사용하는 데 $147의 비용이 드는 Beaver Mer도 구입해야 합니다.

따라서 페이지 빌더와 테마 빌더를 원하는 경우 무제한 사이트 사용과 1년 지원 및 업데이트에 대해 246달러를 지불해야 합니다. 그런 다음 첫해 이후에도 지원 및 업데이트를 계속 받으려면 갱신하기 위해 총 $147.60를 지불하게 됩니다.

Beaver Builder에 대한 최종 생각

전반적으로 Beaver Builder는 확립되고 신뢰할 수 있는 개발 팀에서 만든 아주 좋은 플러그인이라고 생각합니다. 설립된 지 7년이 넘었고 그 당시 훌륭한 커뮤니티를 구축했습니다.

그러나 Beaver Builder를 사용해야 하는지 여부는 실제로 WordPress 페이지 빌더 플러그인에서 무엇을 중요하게 생각하는지에 달려 있습니다.

항상 새로운 기능을 추가하고 새로운 디자인 기능을 제공하는 페이지 빌더를 원하는 경우 Beaver Builder 팀의 초점이 아닌 것 같기 때문에 Beaver Builder가 최선의 선택이 아닐 수 있습니다. Beaver Builder가 결코 새로운 기능을 추가하지 않는 것과는 달리 Elementor, Divi 및 Brizy와 같은 플러그인보다 느린 속도로 제공됩니다.

그러나 자주 새로운 기능을 얻는 것보다 안정성 을 중시한다면 Beaver Builder가 정말 잘하는 부분이라고 생각합니다. 개발 주기가 느리다는 것은 문제를 테스트하고 해결하는 데 더 많은 시간이 걸린다는 것을 의미합니다. Beaver Builder 사용자가 새 릴리스로 인해 광범위한 버그가 발생했거나 사이트에서 문제가 발생했다고 불평하는 것을 본 적이 없습니다.

새로운 기능을 얻는 데에는 확실히 가치가 있지만 안정성에도 가치가 있습니다. 플러그인이 필요한 모든 작업을 이미 수행하는 경우 사이트에 문제를 일으키거나 일으키지 않을 수 있는 새로운 기능을 추가하지 않고 플러그인이 계속 잘 수행되기를 원할 수 있습니다.

그래서 기본적으로 그렇게 봅니다. 나는 단 하나의 "정답"이 있다고 생각하지 않습니다. 그것은 정말로 당신이 선호하는 접근 방식에 달려 있습니다.

Beaver Builder의 접근 방식이 마음에 들면 아래 버튼을 클릭하여 웹사이트로 이동할 수 있습니다.

비버 빌더 받기

다른 옵션을 보고 싶다면 최고의 페이지 빌더 플러그인 모음을 확인하세요. 최대의 디자인 유연성을 원한다면 Elementor(리뷰 읽기)와 Divi Builder(리뷰 읽기)가 좋은 옵션이라고 생각합니다.

Beaver Builder가 해당 플러그인과 어떻게 비교되는지 보려면 다음 게시물을 확인하세요.

• Elementor Pro 대 비버 빌더
• Divi 대 비버 빌더

Beaver Builder 또는 Beaver Builder 리뷰에 대해 질문이 있습니까? 의견을 남기고 알려주십시오!