Beaver Builder WordPress 플러그인 가이드 및 검토

페이지 빌더는 한동안 WordPress 커뮤니티에서 화두였습니다. 이러한 도구는 오랫동안 인기를 끌었지만 새로운 블록 편집기가 도입되면서 많은 사람들이 이 도구가 여전히 얼마나 관련성이 있는지 궁금해했습니다.

Block Editor는 흥미로운 새로운 기능이지만 사용자 정의 페이지와 게시물을 디자인할 때 페이지 빌더 플러그인보다 뛰어난 것은 없습니다. Beaver Builder WordPress 플러그인은 이러한 종류의 도구가 제공하는 이점을 보여주는 완벽한 예입니다. 사용하기 쉽고 놀랍도록 강력합니다.

이번 포스팅에서는 Beaver Builder에 대해 자세히 살펴보겠습니다. 주요 기능과 가격에 대해 논의한 다음 실제 작동 방식을 보여 드리겠습니다. 따라서 이것이 귀하의 웹 사이트에 적합한 페이지 빌더 솔루션인지 스스로 결정할 수 있습니다.

Beaver Build WordPress 페이지 빌더에 대한 새롭고 개선되고 업데이트된 가이드를 바로 살펴보겠습니다!

WordPress 페이지 빌더가 필요한 이유

플랫폼을 처음 접하는 사람이 아니라면 클래식 WordPress 편집기에 익숙할 것입니다.

기능적이긴 하지만 이는 항상 기본 시스템이었습니다. 텍스트, 미디어 등을 포함한 거의 모든 콘텐츠가 단일 필드에 추가되었습니다. 고유한 레이아웃을 만들고 멋진 기능을 추가하는 것은 가능했지만 종종 코딩 노하우 및/또는 일부 추가 플러그인이 필요했습니다.

그러나 최근 WordPress 개발자들은 Gutenberg가 제공하는 새로운 버전의 편집기를 출시했습니다.

이 변화는 오랜 시간이 걸렸지만 특별히 새로운 것도 아닙니다. 블록 편집기는 페이지 빌더의 간소화된 버전으로, 한동안 WordPress 사용자에게 인기가 있었던 솔루션입니다.

모든 WordPress 페이지 빌더는 다르지만 기본 수준에서는 거의 모두 동일한 기본 개념을 기반으로 합니다. 사전 제작된 요소를 선택하여 제공하고 해당 요소로 콘텐츠를 구축할 수 있습니다. 목표는 디자인이나 코딩 경험이 없더라도 고유한 레이아웃과 기능을 갖춘 콘텐츠를 보다 쉽고 직관적으로 구축할 수 있도록 하는 것입니다.

그러나 블록 편집기의 기능이 매우 제한적이라는 점은 주목할 가치가 있습니다. 보다 시각적인 방식으로 게시물과 페이지를 디자인할 수 있지만 작은 블록 라이브러리를 제공하고 복잡한 레이아웃을 거의 지원하지 않습니다. 이것이 바로 이 게시물의 나머지 부분에서 논의할 플러그인과 같은 다른 페이지 빌더 옵션을 조사해 볼 가치가 있는 이유입니다.

비버 빌더 기본 사항

Beaver Builder는 가장 인기 있는 페이지 빌더 플러그인 중 하나이며 그럴 만한 이유가 있습니다. 초보자가 쉽게 익힐 수 있지만 플레이할 수 있는 다양한 옵션이 제공됩니다. 기본적으로 이는 다른 페이지 빌더와 마찬가지로 게시물과 페이지를 생성하기 위한 드래그 앤 드롭 시스템입니다. 그러나 많은 추가 기능도 제공합니다.

이 플러그인의 주요 기능 중 일부는 다음과 같습니다.

기본 옵션(예: 텍스트 및 이미지 모듈)부터 고급 기능(Call To Action, 지도 및 갤러리 모듈 등)에 이르는 대규모 콘텐츠 '모듈' 라이브러리입니다.
페이지, 게시물 및 사용자 정의 게시물 유형을 시각적으로 구축하고 변경 사항을 즉시 확인할 수 있는 사용자 정의 편집 인터페이스입니다.
복잡한 다중 열 레이아웃을 만들고 크기, 간격 등을 조정하는 기능.
필요에 따라 수정할 수 있는 디자인 프로세스를 시작할 수 있는 사전 구축된 섹션과 페이지 템플릿입니다.
나중에 사용할 수 있도록 자신만의 템플릿을 만들고 저장하는 옵션입니다.
고급 사용자를 위한 사용자 정의 HTML 및 자체 CSS 클래스를 추가하는 옵션입니다.

물론 이 모든 기능에는 비용이 발생합니다. 무료로 제공되는 Beaver Builder Lite 버전이 있지만 몇 가지 기본 모듈만 제공하고 템플릿 및 가져오기/내보내기 옵션과 같은 많은 핵심 기능을 포함하지 않습니다. 그러나 라이트 버전은 이 페이지 빌더를 테스트하고 작동 방식이 마음에 드는지 확인하는 데 유용합니다.

Beaver Builder를 본격적으로 사용할 계획이라면 프리미엄 라이선스를 구입하여 전체 패키지에 액세스하는 것이 좋습니다. 무제한 웹사이트에서 사용하려면 99달러부터 시작하고 1년 지원을 받으세요.

이 특정 도구에는 사전 투자가 필요합니다. 초기 비용은 시간을 절약하고 장기적으로 보다 효과적인 웹사이트를 구축하는 데 도움이 되므로 예산 범위 내라면 나쁘지 않습니다.

Beaver Builder를 시작하는 방법

웹사이트에 사용할 새 플러그인을 선택할지 여부에 대해 고민 중일 때 가장 좋은 방법은 해당 플러그인에 대해 가능한 모든 것을 배우는 것입니다. 페이지 빌더의 경우 여기에는 모양, 작동 방식, 제공하는 옵션이 포함됩니다.

이를 염두에 두고 Beaver Builder를 선택하고 이를 사용하여 게시물과 페이지를 만드는 것이 어떤 것인지 살펴보겠습니다. 당연히 가장 먼저 해야 할 일은 플러그인을 설치하고 활성화하는 것입니다.

또한 프리미엄 버전(이 튜토리얼에서 사용)을 구입한 경우 라이센스 키를 활성화해야 합니다. 그러면 바로 일을 시작할 수 있습니다.

1단계: Beaver Builder 편집기에 액세스

플러그인을 설치하면 대시보드에 새로운 Beaver Builder 탭이 표시됩니다. 예를 들어 고유한 템플릿을 만드는 경우 여기에 사용자 정의 콘텐츠가 저장됩니다.

Beaver Builder > 새로 추가로 이동하여 페이지 빌더로 콘텐츠를 생성할 수도 있습니다. 또는 페이지 > 새로 추가(또는 게시물 및 사용자 정의 게시물 유형에 해당하는 항목)로 이동하면 됩니다. 새로운 옵션이 표시됩니다.

즉, 기본 WordPress 편집기나 페이지 빌더에서 콘텐츠를 생성할 수 있습니다. Launch Beaver Builder 버튼을 눌러 보겠습니다.

보시다시피 완전히 새로운 인터페이스로 이동하게 됩니다. 여기에서 콘텐츠를 생성하고 해당 콘텐츠가 페이지에 어떻게 표시되는지 정확하게 확인할 수 있습니다.

2단계: 시작 템플릿 선택

원하지 않는 경우 템플릿을 사용할 필요가 없다는 점은 주목할 가치가 있습니다. 원하는 모듈을 추가하여 페이지와 게시물을 처음부터 완전히 만들 수 있습니다. 그러나 가장 쉬운 학습 방법은 템플릿으로 시작하는 것입니다. 여기서 이를 보여드리겠습니다.

편집기 오른쪽 메뉴에서 상단의 템플릿 탭을 선택하면 다양한 옵션이 표시됩니다. 템플릿을 클릭하거나 페이지로 드래그하면 전체 버전이 표시됩니다.

이는 자리 표시자 텍스트 및 이미지와 함께 시작 레이아웃을 제공합니다. 다행히 여기에 있는 모든 요소는 마음대로 교체하고 수정할 수 있으므로 웹사이트에 고유한 것을 만들 수 있습니다.

3단계: 개별 모듈 편집

Beaver Builder 편집기의 각 개별 요소는 자체 포함된 모듈입니다. 무슨 뜻인지 보려면 시작 템플릿의 텍스트, 이미지 또는 기능 위로 마우스를 가져가면 됩니다. 파란색 윤곽선으로 표시된 모듈이 표시되며, 해당 모듈을 클릭하면 새 메뉴가 표시됩니다.

해당 모듈의 설정 상자입니다. 여기에는 선택한 콘텐츠에 대한 모든 사용자 정의 옵션이 포함되어 있습니다. 따라서 정확히 포함되는 내용은 작업 중인 콘텐츠 유형에 따라 달라집니다.

예를 들어 사진 모듈을 사용하면 사용되는 파일을 변경하고 캡션 및/또는 링크를 추가할 수 있습니다. 스타일 탭으로 전환하여 이미지 정렬, 테두리 등을 수정할 수도 있습니다.

또한 대부분의 모듈에는 고급 탭이 있어 여백을 조정하고, 특정 유형의 장치에만 표시되도록 설정하고, 사용자 정의 HTML을 추가하는 등의 작업을 할 수 있습니다.

보시다시피 Beaver Builder 모듈을 사용자 정의하는 것은 아주 쉽습니다. 각 모듈 유형이 제공하는 옵션에 익숙해지려면 약간의 경험이 필요하지만, 일단 익숙해지면 곧 자신의 콘텐츠를 추가하게 될 것입니다.

4단계: 콘텐츠 구성 및 레이아웃 사용자 정의

개별 모듈을 변경하는 것 외에도 페이지 전체를 사용자 정의할 수도 있습니다. 이를 수행하는 방법 중 하나는 모듈을 추가하고 제거하는 것입니다. 모듈을 추가하려면 편집기의 기본 메뉴에서 하나를 선택하고 페이지의 위치로 드래그하면 됩니다.

반면, 모듈 위로 마우스를 가져가면 나타나는 X를 눌러 모듈을 제거할 수 있습니다. 또한 모듈을 위아래로 또는 좌우로 끌어서 원하는 대로 재배열할 수도 있습니다.

또한 페이지의 전체 레이아웃을 변경할 수 있습니다. 실제 사례를 보려면 모듈 위에 마우스를 놓고 열 편집 > 열 설정을 누르세요.

여기에서 특정 열의 모든 모듈과 관련된 옵션을 찾을 수 있습니다. 예를 들어 열의 배경색과 간격을 수정하고 테두리를 추가할 수도 있습니다.

이제 페이지 배경 위에 마우스를 놓고 오른쪽 상단에 있는 행 설정을 선택하세요.

비슷한 메뉴가 표시되지만 이번에는 옵션이 관련 모듈 행에 적용됩니다. 행을 고정 또는 전체 너비로 설정하고, 색상을 사용자 정의하고, 열과 동일한 많은 변경 작업을 수행할 수 있습니다.

마지막으로 편집기의 기본 메뉴를 다시 선택하고 행 탭으로 이동합니다.

여기에서 페이지에 새 행과 열을 추가하여 레이아웃을 크게 변경할 수 있습니다. 또한 페이지나 게시물을 처음부터 작성하는 경우 가장 먼저 가고 싶은 곳입니다. 콘텐츠의 레이아웃을 먼저 결정한 다음 원하는 곳에 모듈을 추가할 수 있습니다.

5단계: Page Builder의 기능 세트 확장(선택 사항)

Beaver Builder에는 다른 많은 기능과 옵션이 있다는 점은 주목할 가치가 있습니다. 여기서는 표면적인 부분만 살펴보았습니다. 그러나 시작하기 위해 이해해야 할 주요 기능을 살펴보았습니다. 그 후에는 실습 접근 방식이 요령을 배우는 가장 좋은 방법입니다.

하지만 마무리하기 전에 이 특정 페이지 빌더를 최대한 활용할 수 있는 몇 가지 방법이 있다는 점을 지적해야 합니다. 첫째, 상위 2개 라이선스 계층에서 무료로 제공되는 공식 Beaver Builder 테마가 있습니다.

원하는 테마로 Beaver Builder를 사용할 수 있습니다. 그러나 이것은 페이지 빌더와 함께 작동하도록 처음부터 구축되었습니다. 이는 다양한 유형과 스타일의 웹사이트로 구성할 수 있는 기본 프레임워크를 제공합니다.

선택적 추가 기능인 Beaver Themer도 있습니다.

이 추가 플러그인을 사용하면 사이트의 머리글과 바닥글, 아카이브 페이지, 404 및 검색 페이지 등에 Beaver Builder의 드래그 앤 드롭 페이지 빌더를 사용할 수도 있습니다. 이를 통해 동일한 시스템을 사용하여 거의 전체 웹사이트를 디자인할 수 있습니다.

147달러라는 가격이 모든 예산에 맞지 않을 수도 있지만, 수익을 창출하려는 웹 사이트나 여러 사이트에서 작업하는 개발자 및 디자이너에게 유용한 추가 기능입니다.

귀하의 웹사이트를 위한 페이지 빌더를 선택하는 것은 큰 노력입니다. 향후 콘텐츠 제작 및 디자인 방식을 변경하면 호환성 문제가 발생할 수 있으므로 장기적으로 기꺼이 사용할 수 있는 도구로 시작하는 것이 가장 좋습니다.

다행히 Beaver Builder는 초보자와 고급 사용자 모두에게 확실한 옵션입니다. 게다가 위에서 본 것처럼 시작하기도 쉽습니다.

Beaver Builder를 사용해 본 적이 있나요? 경험은 어땠나요? 아래 댓글 섹션에서 우리와 공유해 주세요!