Beaver Builder 검토: 인기 있는 WordPress 페이지 빌더 플러그인에 대한 심층 분석

Beaver Builder는 WordPress 페이지 빌더 플러그인 목록에 표시됩니다. 그러나 인기 있는 플러그인이 그만한 가치가 있습니까? 귀하에게 적합한 기능이 있습니까? 훌륭한 WordPress 웹 사이트를 쉽게 구축할 수 있습니까? WordPress에 플러그인을 어떻게 설치합니까? 이 심층적이고 철저하게 테스트된 Beaver Builder 검토에서 모든 답변을 얻을 수 있습니다.

사물을 원근법으로 표현하기 위해 Beaver Builder WordPress 플러그인은 드래그 앤 드롭 방식을 사용하는 페이지 빌더로, 웹 사이트가 공원에서 산책할 수 있도록 합니다. 코딩 기술 없이도 웹 사이트의 프런트 엔드에서 직접 작업하고 이동 중에도 멋진 웹 사이트를 만들 수 있습니다.

본질적으로 Beaver Builder와 같은 페이지 빌더를 사용하는 것은 레고를 가지고 노는 것과 같습니다. 조각(요소 및 모듈)을 선택하고 함께 조합하여 상상이 허용하는 것을 만듭니다. 좋은 페이지 빌더로 웹사이트를 구축하는 것은 정말 쉽습니다.

그래서 그것이 당신이 찾고있는 것이라면이 궁극적 인 Beaver Builder 리뷰로 바로 들어가 봅시다!

비버 빌더: 개요

Beaver Builder는 유사하지만 훨씬 더 포괄적인 모듈 시스템을 사용하여 콘텐츠 생성을 위한 기본 WordPress 블록 편집기의 대안을 제공합니다.
시중에는 많은 페이지 빌더 플러그인이 있지만 Beaver Builder는 사용 편의성으로 인해 가장 인기 있는 옵션 중 하나입니다. Beaver Builder의 무료 버전과 프리미엄 버전이 있습니다. 이 리뷰에서는 프리미엄 버전에 초점을 맞추고 모든 기능과 성능에 대한 경험을 공유하겠습니다.

강력한 기능 및 제어

페이지 빌더 플러그인의 근본적인 차이점은 제공하는 사용자 정의 옵션과 이러한 모든 요소에 대해 얼마나 많은 제어 권한을 제공하는지에 있습니다. 그러나 많은 페이지 빌더는 제공하는 기능의 수에 관계없이 사용하기 어려울 수 있습니다.

사용 및 통합 용이성

그러나 Beaver Builder는 후자 범주에 속합니다. 이 범주는 수많은 훌륭한 기능을 제공하고 사용하기 쉬운 패키지에 번들로 제공됩니다. 플러그인의 프론트 엔드 시각적 편집 경험을 통해 편집하는 동안 방문자에게 표시되는 페이지를 볼 수도 있습니다.

페이지 빌더를 사용하여 게시물 및 사용자 정의 게시물 유형을 편집할 수도 있습니다. 또한 대부분의 WordPress 테마와 함께 작동하며 단축 코드 또는 위젯을 생성하는 대부분의 플러그인과 잘 통합됩니다.

사용자 정의 가능한 템플릿

하지만 처음부터 페이지를 만들고 싶지 않다면 Beaver Builder에는 미리 만들어진 사용자 지정 가능한 템플릿 라이브러리도 함께 제공됩니다. 생성한 페이지를 저장하여 레이아웃을 다른 콘텐츠에 재사용할 수 있으며, 추가하는 모든 행, 열 또는 모듈에 대해서도 동일한 작업을 수행할 수 있습니다.

반응형 웹사이트

마지막으로 Beaver Builder를 사용하면 즉시 반응형 웹 사이트를 구축할 수 있다는 점에 주목할 가치가 있습니다. 언제든지 데스크톱 컴퓨터, 스마트폰 및 태블릿에서 페이지가 어떻게 표시되는지 미리 볼 수 있습니다.

문서상으로 Beaver Builder는 인상적으로 들립니다. 다음 섹션에서는 작동 방식을 보여 드리겠습니다.

Beaver Builder 기능 및 이점

지금까지 Beaver Builder가 제공하는 것과 작동 방식에 대한 명확한 그림이 있습니다. 플러그인의 인터페이스를 보여드리기 전에 기능을 간략히 살펴보겠습니다.

• 드래그 앤 드롭 프런트 엔드 시각적 페이지 빌더
• 콘텐츠를 추가하는 33개의 모듈
• 콘텐츠 제작을 시작하는 데 사용할 수 있는 사전 제작된 페이지 템플릿
• 대부분의 WordPress 테마 및 단축 코드 및 위젯을 생성하는 플러그인 과 통합
• 완전히 사용자 정의 가능한 페이지 및 사용자 정의 게시물 유형.

이것들은 훌륭한 기능이지만 웹 사이트를 구축하기 위해 이러한 기능을 구입하려면 얼마를 지불해야 합니까? 플러그인의 가격을 살펴봅시다!

비버 빌더 가격

앞서 언급했듯이 Beaver Builder는 무료 버전과 유료 버전이 있습니다. 그러나 취미 블로그와 같은 개인 프로젝트 이외의 용도로 Beaver Builder를 사용할 계획이라면 아마도 프리미엄 버전이 필요할 것입니다.

Beaver Builder Pro 라이선스는 무제한 사이트의 경우 1년 업데이트와 연간 갱신의 경우 40% 할인이 포함된 $99 부터 시작합니다. 이것이 전자 상거래, 비즈니스 또는 전문 블로그 사이트를 구축하는 대부분의 개인 사용자에게 권장하는 표준 계획입니다.

다음과 같은 더 많은 기능을 제공하는 더 비싼 계획이 있습니다.

• 워드프레스 멀티사이트 지원
• 플러그인과 원활하게 작동하도록 설계된 공식 Beaver Builder 테마
• 화이트 라벨 기능.

에이전시 프로젝트를 위한 페이지 빌더를 찾고 있다면 더 비싼 Beaver Builder 계획 중 하나를 고려해야 합니다. 이러한 시나리오 외에도 Standard 라이선스는 필요한 모든 것을 제공합니다.

Beaver Builder의 시스템 요구 사항

이제 Beaver Builder의 시스템 요구 사항을 살펴보겠습니다.

브라우저 호환성

크롬, 파이어폭스, 사파리, 엣지 브라우저의 세 가지 최신 버전을 사용할 수 있습니다. Internet Explorer 사용자의 경우 IE 11을 권장합니다.

워드프레스 버전

더 나은 보안과 성능을 위해 최신 버전의 WordPress 및 PHP를 사용하는 것이 좋습니다. WordPress 업데이트 및 지침은 WordPress 기사를 확인할 수 있습니다.

• Beaver Builder 플러그인: WordPress 4.6 이상 | PHP 5.6.20 이상(PHP 7.x 권장)

참고 : WordPress 4.9.6 이후 버전에는 Beaver Builder 버전 2.1.1.3 이상이 필요합니다.

• 비버 빌더 테마 : WordPress 4.1 이상 | PHP 5.6.20 이상
• 비버 테마 : 워드프레스 4.6 이상

jQuery 버전

Beaver Builder는 WordPress에 번들로 제공되는 jQuery 버전을 지원합니다. 다른 jQuery 버전을 사용하는 것은 권장되지 않습니다. 작동하는 동안 사이트가 손상될 수 있기 때문입니다.

따라서 설치하기 전에 요구 사항을 준수하여 장애물을 피하고 원하는 사이트를 원활하게 달성하십시오.

WordPress 웹 사이트에 Beaver Builder를 설치하는 방법은 무엇입니까?

이제 WordPress에 Beaver Builder를 설치할 차례입니다. Beaver Builder는 무료(라이트) 버전과 프리미엄 버전이 함께 제공되며 설치가 쉽습니다. 두 버전의 설치 과정을 하나씩 공유하겠습니다.

무료(라이트) 버전

WordPress 대시보드 > 플러그인 > 새로 추가로 이동합니다 .

오른쪽 검색창에서 Beaver Builder를 검색하세요. 설치 버튼을 클릭한 다음 활성화합니다.

Beaver Builder를 설치하고 활성화하면 대시보드의 페이지나 게시물에 마우스를 올려 놓으면 새로운 Beaver Builder 옵션이 나타납니다.

프리미엄 버전

Beaver Builder를 프리미엄으로 업그레이드하거나 프리미엄 버전을 직접 설치하는 경우 아래 단계를 따라야 합니다.

• 내 계정 페이지에서 Beaver Builder 플러그인의 zip 파일을 다운로드하십시오. 라이센스 키는 페이지의 zip 파일 링크 위에 표시됩니다.

• WordPress 대시보드 > 플러그인 > 새로 추가로 이동하여 플러그인 업로드를 클릭합니다.

• 파일 선택 버튼을 클릭하면 브라우저 창이 나타납니다.

• 로컬 시스템에서 Beaver Builder zip 파일을 선택하거나 파일을 찾아보기 버튼 위로 드래그하십시오. zip 파일 이름이 파일 선택 버튼 오른쪽에 나타납니다.
• 지금 설치 를 클릭 합니다 .

• 플러그인을 활성화하기 전에 시나리오를 이해해야 합니다. Lite 버전의 플러그인이 설치되어 있는 경우 프리미엄 버전을 설치하면 플러그인이 자동으로 비활성화됩니다. 이미 프리미엄 버전이 설치되어 있는 경우 현재 버전을 업로드된 버전으로 교체 를 클릭하여 교체 할 수 있습니다.
• 활성화 를 클릭하여 플러그인을 활성화합니다.

라이선스 활성화

Beaver Builder 플러그인을 설치하고 활성화한 후 라이선스 활성화 프로세스를 설명하겠습니다.

• WordPress 대시보드에서 설정 > Beaver Builder 로 이동한 다음 라이선스 탭을 클릭합니다.
• 내 계정 페이지에서 찾을 수 있는 라이선스 키를 추가합니다.
• 라이선스가 활성화되면 업그레이드 및 다운그레이드할 수 있습니다. 라이센스 번호는 동일하게 유지되어야 합니다.

Beaver Builder 사용 방법(실습)

설치 및 활성화되면 대시보드의 페이지나 게시물에 마우스를 올리면 새로운 Beaver Builder 옵션이 나타납니다.

클릭하면 해당 페이지가 열리고 Beaver Builder 편집기에 액세스할 수 있습니다. 가장 먼저 눈에 띄는 점은 페이지의 요소를 직접 클릭하여 모든 설정에 액세스할 수 있다는 것입니다.

이러한 설정 중에는 페이지에서 항목을 이동하는 끌어서 놓기 기능, 해당 특정 요소에 대한 사용자 지정, 모듈 복제, 열 편집 또는 요소 삭제 기능이 있습니다.

위의 예에서는 Heading 모듈을 선택했습니다. 렌치 아이콘을 클릭하여 해당 제목을 편집하려면 다음과 같은 메뉴에 액세스할 수 있습니다.

설정은 사용 중인 모듈에 따라 다르지만 Beaver Builder 플러그인은 항상 설정을 세 가지 광범위한 범주로 나눕니다.

• 일반 : 각 모듈에 대한 기본 사용자 정의 옵션입니다.
• 스타일 : 스타일 탭을 사용자 친화적인 인터페이스를 통해 각 모듈에 CSS를 적용하는 빠른 방법이라고 생각하십시오.
• 고급 : 고급 탭에서는 여백 수정, 중단점 지정, 애니메이션 추가, 사용자 정의 HTML 삽입 등을 수행할 수 있습니다.

보다 포괄적인 모듈에는 추가 탭이 있습니다. 예를 들어, 게시물 또는 페이지를 표시하는 게시물 모듈에는 표시되는 게시물을 필터링하는 콘텐츠 탭과 많은 게시물 집합이 표시되는 방식을 제어하는 ​​페이지 매김 탭이 포함됩니다.

이론적으로 Beaver Builder의 고급 사용자 지정 설정을 건드리지 않고도 전체 웹 사이트를 구축할 수 있습니다. 이 스크린샷에서 여백 설정에는 원하는 경우 큰 화면, 중간 화면 및 작은 화면에 대해 다른 여백 값을 설정하도록 전환할 수 있는 바탕 화면 아이콘이 있습니다.

여러 WordPress 페이지 빌더 도구를 사용했지만 Beaver Builder는 학습 곡선이 가장 쉽습니다. 다른 페이지 빌더가 처음부터 수십 가지 설정을 제공하는 경우 Beaver Builder를 사용하면 각 모듈이 작동하는 방식과 모듈로 수행할 수 있는 작업을 이해할 수 있습니다.

모듈 선택이 진행되는 한 Beaver Builder에는 33개의 요소가 포함됩니다. 그 중 메뉴, 문의 양식, 이미지, 단락, 제목 등과 같은 기본 기능이 있습니다.

그러나 Beaver Builder에는 평가 모듈, 아이콘 그룹, 가격 테이블 및 숫자 카운터와 같은 더 많은 '고급' 옵션도 포함되어 있습니다. 가격표는 모든 전자상거래 사이트에 환상적인 추가 기능이므로 Beaver Builder를 사용하면 표를 만들고 사용자 지정하기가 비교적 쉽다는 사실을 알게 되어 기뻤습니다.

Beaver Builder를 사용하여 기존 페이지를 사용자 정의하는 것은 간단하지만 처음부터 페이지를 작성하는 것은 비교적 간단합니다. 프로세스를 몇 가지 간단한 단계로 나눌 수 있습니다.

1. 페이지에 대해 원하는 대략적인 레이아웃을 파악합니다.
2. 열과 행 추가를 시작합니다.
3. 원하는 모듈로 열과 행을 채우고 사용자 정의하십시오.
4. 필요한 경우 모듈을 드래그하여 원하는 대로 요소를 얻으십시오.
5. 다양한 화면 크기에서 페이지가 어떻게 보이는지 미리 봅니다.

그것은 지나친 단순화입니다. 그렇습니다. 그러나 Beaver Builder를 처음 사용하는 사람에게도 전체 프로세스가 직관적으로 느껴집니다.

즉, 나는 웹사이트를 구축한 경험이 있다는 점에 주목하는 것이 중요합니다. WordPress를 처음 사용하거나 첫 번째 사이트를 구성하는 경우 Beaver Builder 템플릿 사용에 관심이 있을 수 있습니다.

사전 제작된 템플릿

앞서 언급했듯이 Beaver Builder를 사용하면 빈 캔버스나 템플릿으로 시작하여 페이지를 만들 수 있습니다. 기본적으로 여기에는 30개 이상의 랜딩 페이지 템플릿과 다양한 유형의 콘텐츠 페이지를 위한 더 많은 템플릿, 100개 이상의 미리 작성된 행이 포함됩니다.

템플릿 선택이 더 광범위할 수 있지만 Beaver Build에는 현대적인 디자인이 포함되어 있으며 어떤 웹사이트에서도 어울리지 않습니다. 큰 영웅 섹션, 애니메이션 배경, 아이콘 그룹, 평가 섹션, 가격표 등의 옵션이 있습니다.

웹 디자인에 대한 경험이 많지 않은 경우 템플릿은 생명을 구하는 도구입니다. 플러그인 작동 방식을 익히면 Beaver Builder의 템플릿 시스템을 사용하여 자신의 디자인을 저장하고 다른 페이지나 프로젝트에 추가할 수도 있습니다.

템플릿은 Beaver Builder를 초보자에게 친숙한 페이지 빌더로 만드는 데 큰 부분을 차지하므로 새 프로젝트에서 작업하는 경우 최소한 몇 가지 옵션을 시도하는 것이 좋습니다.

Cloudways와의 Beaver Builder 호환성 및 성능

사이트 속도는 웹사이트의 성공에 중요한 역할을 하며 아마도 대부분의 사이트 소유자의 가장 큰 관심사 중 하나일 것입니다. 사이트 최적화는 필수이지만 수행 방법을 평가하는 것은 까다로울 수 있습니다. 이 Beaver Builder 리뷰의 경우 Cloudways에서 이 페이지 빌더를 테스트하여 성능이 얼마나 좋은지 확인했습니다.

몇 가지 중요한 속도 테스트 도구를 사용하고 Beaver Builder가 Cloudways 플랫폼과 얼마나 호환되는지 보여드리겠습니다.

사용한 리소스:

Cloudways 서버 구성

애플리케이션 구성

설치된 플러그인

위의 리소스를 사용하여 라이브 시나리오를 이해하는 데 도움이 되는 웹사이트를 만들었습니다. 이 링크에서 웹사이트를 확인할 수 있습니다. 이제 다양한 도구에서 사이트를 테스트하여 Cloudways와 Beaver Builder의 호환성 및 성능을 보여 드리겠습니다.

GTMetrix 성능 분석

URL: https://gtmetrix.com/reports/wordpress-626127-2033661.cloudwaysapps.com/9Y3cXpvz/

• 성능 : 100%
• 구조 : 93%
• LCP : 539ms
• 미정 : 0ms
• CLS : 0.03

Pingdom 성능 분석

URL: https://tools.pingdom.com/#5ea5673c8fc00000

• 성능 등급 : 88
• 페이지 크기 : 2.0MB
• 로딩 시간 : 365ms
• 요청: 49

PageSpeed ​​Insight 성능 분석

전체 등급 : 91
FCP : 0.8초
속도 지수: 1.5초
LCP : 1.8초
TTI : 0.8초
미정 : 0ms
CLS : 0.028

보시다시피 세 가지 다른 테스트 도구에서 사이트를 테스트했으며 결과는 매우 인상적입니다. Cloudways는 캐시 플러그인이 내장된 전용 서버로 관리되는 WordPress 호스팅을 제공하고 놀라운 성능을 제공합니다. Beaver Builder와 같은 페이지 빌더로 구축된 웹 사이트를 배포하면 사용자에게 제공할 놀라운 경험을 얻을 수 있습니다.

비버 빌더: 찬반 양론

나는 Beaver Builder가 제공하는 모든 기능, 즉 기능, 작동 방식 및 비용을 살펴보았습니다. 이를 염두에 두고 이 페이지 빌더 플러그인의 장단점을 간단히 요약해 보겠습니다.

장점:

• 페이지 빌더를 사용한 경험이 없더라도 매우 직관적인 도구입니다.
• 템플릿 선택은 현대적이고 다양한 디자인이 특징입니다.
• 페이지에 요소를 추가하고 사용자 정의하는 것은 간단하며 각 모듈에는 광범위한 설정과 옵션이 포함되어 있습니다.
• 열 및 행 시스템은 간단하며 모든 유형의 웹사이트에서 작동합니다.
• 템플릿과 사용자 정의 모듈을 저장하여 다른 콘텐츠에서 재사용할 수 있습니다.

단점:

그러나 Beaver Builder는 훌륭하지만 결함이 없는 것은 아닙니다. 예를 들어, 포함된 템플릿은 잘 디자인되었지만, 많은 WordPress 신규 사용자가 웹사이트를 구축하기 위해 템플릿에 의존할 것이라는 점을 고려하면 선택 범위가 훨씬 더 넓을 수 있습니다.

고려해야 할 또 다른 잠재적인 단점은 플러그인의 무료 버전에 많은 모듈이 포함되어 있지 않다는 것입니다. Beaver Builder를 최대한 활용하려면 유료 요금제로 업그레이드해야 하며, 이는 개인 사이트 사용자에게 불편할 수 있습니다.

Beaver Builder의 비호환성

Beaver Builder는 WordPress와 관련된 대부분의 항목과 호환되지만 몇 가지 단점이 남아 있습니다. WordPress는 오픈 소스 플랫폼이므로 사용자는 호환성을 확인하기 위해 다양한 테마와 플러그인을 시도하고 때로는 성공하고 때로는 비호환성에 직면합니다.

Beaver Builder의 몇 가지 주요 비호환성을 살펴보겠습니다.

1. 플러그인 충돌

Beaver Builder 편집기에 문제가 발생하면 다른 플러그인 충돌로 인해 자주 발생합니다. 캐시 플러그인은 충돌의 원인이 될 수 있습니다. 그렇다면 문제가 발생할 때마다 캐시 플러그인을 제거하고 Beaver Builder를 제외한 모든 플러그인을 비활성화하십시오. 각 플러그인을 하나씩 활성화하고 각각 후에 Beaver Builder를 테스트하십시오. 문제를 일으키는 플러그인을 찾을 때까지 이 프로세스를 반복합니다.

2. 테마 충돌
테마는 Beaver Builder WordPress 플러그인에 문제를 일으킬 수도 있습니다. 주제로 인해 발생하는 문제는 무엇이며 어떻게 식별할 수 있습니까?

더 나은 이해를 위해 아래의 사항을 확인해 보겠습니다.

• 편집 중 또는 편집된 페이지를 저장할 때 페이지가 중단됨
• 사용자가 Beaver Builder에서 페이지를 편집할 수 없음
• Beaver Builder 편집 막대가 페이지 상단에 표시되지 않음
• 모듈 설정 상자가 편집기에 표시되지 않음

WordPress Dashboard > Appearance > Theme 로 이동하여 활성 테마를 220과 같은 WordPress 표준 테마로 전환합니다.

3. 비동기 자바스크립트 플러그인

Async Javascript 플러그인은 아래 설정을 구성하지 않으면 충돌하여 문제를 일으킬 수 있습니다.

• jQuery 제외
• 비동기 자바스크립트 > 설정 > 스크립트 제외 필드에 wp-includes/js가 추가되었습니다.

4. 복제기 플러그인

페이지를 복제하고 레이아웃을 저장하기 위해 복제기 플러그인을 사용하지 않는 것이 좋습니다. 작동 중임을 알 수 있지만 새 페이지에서 Beaver Builder 레이아웃을 편집할 때 문제가 발생합니다. 이 대신 Beaver Builder 도구 메뉴에서 Duplicator 레이아웃을 사용할 수 있습니다.

5. Cloudflare의 로켓 로더

Cloudflare의 Rocket Loader는 페이지를 편집하는 동안 Beaver Builder에 문제를 일으킬 수 있으므로 편집 중에는 끄는 것이 좋습니다. 사이트를 완료하면 켤 수 있습니다.

Beaver Builder에 대한 Cloudways 사용자 리뷰

입소문은 마케팅 기술보다 더 중요하므로 Beaver Builder 커뮤니티를 살펴보고 사람들이 Cloudways에 대해 말하는 내용을 분석해 보겠습니다. 사람들이 Beaver Builder를 사용하면서 최고의 플랫폼으로 Cloudways를 찾는 방법을 알아볼 때입니다.

Cloudways는 Beaver Builder를 사용하여 구축하려는 다음 웹 사이트에 가장 적합한 선택 중 하나라고 말할 수 있습니다.

Beaver Builder에 대한 최종 생각

Beaver Builder WordPress 플러그인을 철저히 테스트한 결과, 놀라운 WordPress 웹 사이트 구축을 시작하기 위한 최고의 솔루션 중 하나라고 자신 있게 말할 수 있습니다.

플러그인에는 수많은 기능이 있으며 가능한 한 창의적으로 디자인할 수 있을 만큼 충분히 유연합니다. 그리고 무엇보다도 사용하기가 매우 쉽습니다. 마치 레고를 가지고 노는 것과 같습니다. 사이트에서 원하는 요소를 선택하고 원하는 위치에 배치합니다. 결과 웹 사이트가 바로 눈앞에 있는 동안 계속 이 작업을 수행합니다(하지만 원하는 경우 고급 설정에서 모든 프로로 이동할 수 있음). 요컨대, 사이트에서 변경 사항을 모두 볼 수 있으므로 프로세스가 매우 직관적이고 재미있습니다.

그리고 Cloudways Managed Hosting에서 플러그인의 성능을 테스트한 후 웹사이트를 빠르게 배포하고 싶지만 성능이나 보안 등을 타협하고 싶지 않다면 Cloudways의 WordPress 서버를 사용해야 한다고 확실히 말할 수 있습니다. + 성공을 위한 확실한 공식인 Beaver Builder 플러그인.

이 리뷰를 읽은 후 Beaver Builder에 대해 어떻게 생각하십니까? 우리가 놓친 부분이 있으면 알려주시면 이 리뷰를 업데이트하겠습니다.