10 최고의 WordPress 페이지 빌더 플러그인 비교 2022

웹사이트에 가장 적합한 WordPress 페이지 빌더를 결정하려고 하십니까?

결정을 내리는 데 도움이 되도록 10가지 WordPress 페이지 빌더 를 직접 사용해 보았습니다. 예 – 저는 이것들 중 하나를 모두 사용했습니다 – 이것은 단순히 마케팅 카피를 기반으로 한 목록이 아닙니다 .

이 10개의 WordPress 페이지 빌더를 5가지 범주로 객관적으로 비교할 것입니다.

1. 인터페이스 – 인터페이스는 어떻게 작동하며 아름다운 페이지를 쉽게 만들 수 있습니까?
2. 포함된 위젯/템플릿 – 페이지를 구축하기 위해 어떤 옵션을 사용할 수 있습니까?
3. 스타일 옵션 – 페이지 요소의 스타일을 지정하는 방법은 무엇입니까?
4. 기타 주목할만한 기능 – 페이지 빌더가 주목할만한 고유한 기능을 제공합니까?
5. 잠금 – 플러그인을 비활성화하려는 경우 어떻게 됩니까? 사용자 정의 스타일은 항상 손실되지만 일부 페이지 빌더는 그렇지 않으면 깨끗한 코드를 남기고 다른 페이지 빌더는 그렇지 않습니다.

각 카테고리에 대해 페이지 빌더에게 5점 만점에 점수를 드리겠습니다.

그런 다음 마지막에는 모든 것을 종합하고 내가 생각하는 최고의 WordPress 페이지 빌더를 추천합니다.

다음은 내가 살펴볼 10가지 WordPress 페이지 빌더입니다. 클릭하여 특정 페이지 빌더로 이동할 수 있습니다.

• 엘리멘터
• 비버 빌더
• 디비 빌더
• 건축가 번창
• SiteOrigin 페이지 빌더
• WPBakery 페이지 빌더
• 테마 빌더
• 브리지
• 비주얼 작곡가
• WP 페이지 빌더

또는 비교 테이블로 바로 이동할 수 있습니다.

1. 엘리멘터

2016년에 처음 출시된 Elementor는 이 목록에 있는 젊은 페이지 빌더 중 하나입니다. 그러나 늦게 시작했음에도 불구하고 Elementor는 WordPress.org에서 빠르게 3,000,000개 이상의 활성 설치를 쌓았고, 이는 적어도 WordPress.org 수치에서 가장 인기 있는 페이지 빌더가 되었습니다.

빠르고 결함이 없는 시각적 인터페이스, 유연한 스타일 옵션 및 전체 테마 구축과 같은 강력한 기타 기능으로 명성을 얻었습니다.

단순한 페이지 편집기로 시작했지만 프리미엄 버전인 Elementor Pro를 사용하면 이제 단순한 페이지 작성 이상의 작업을 수행할 수 있습니다. 가장 주목할만한 두 가지 기능은 다음과 같습니다.

• 테마 빌더 – 동일한 편리한 Elementor 인터페이스를 사용하여 전체 테마를 디자인합니다. 여기에는 머리글, 바닥글, 아카이브 페이지, 단일 게시물 페이지, WooCommerce 제품/쇼핑 페이지, 사용자 지정 게시물 유형 템플릿 등이 포함됩니다. 공통 요소에 대한 전용 위젯을 받고 사용자 지정 필드에서 콘텐츠를 동적으로 삽입할 수도 있습니다.
• 팝업 빌더 – 전체 Elementor 인터페이스를 사용하여 유연한 팝업을 디자인합니다. 이메일 수신 동의 팝업, 연락처 양식 팝업, 로그인 팝업 등을 생성할 수 있는 모든 일반 Elementor 위젯을 포함할 수 있습니다.

이 두 가지 추가 기능은 Elementor가 경쟁에서 돋보이도록 도와줍니다. 테마 빌딩이 인기 있는 기능이 되고 있지만 팝업 빌더는 여전히 매우 독특합니다.

Elementor Pro 리뷰를 읽어보세요.

가격: 무료 코어 버전. Elementor Pro는 단일 사이트에서 49달러부터 시작합니다.

인터페이스 – 5/5

Elementor 인터페이스는 몇 가지 작은 설정을 위한 세 번째 영역과 함께 두 개의 핵심 부분으로 나뉩니다.

• 1 – 이것은 디자인의 실시간 미리보기입니다. 방문자가 보는 것과 정확히 같습니다. 또한 이 인터페이스에서 직접 텍스트를 입력할 수 있을 뿐만 아니라 다양한 요소를 끌어다 놓아 재정렬할 수 있습니다.
• 2 – 사용할 수 있는 요소 목록을 보여줍니다. 드래그하면 됩니다. 개별 요소나 섹션을 선택하면 여기에 스타일이 지정됩니다.
• 3 – 반응형 미리보기, 변경 사항 실행 취소/다시 실행 및 기타 작은 기능에 액세스하는 데 도움이 됩니다.

예를 들어, 다음은 텍스트 위젯 위로 드래그한 다음 페이지에 간단히 입력(인라인 편집)하여 텍스트를 변경하는 방법을 보여줍니다.

Elementor Pro를 사용하면 동일한 인터페이스를 사용하여 테마와 팝업을 디자인할 수 있습니다. 또한 이를 수행하는 데 도움이 되는 전용 위젯/기능을 사용할 수 있습니다.

포함된 위젯/템플릿 – 5/5

무료 버전에서 Elementor에는 28개의 무료 위젯 이 포함되어 있습니다. 또한 모든 핵심 WordPress 위젯을 사용할 수 있습니다. Pro 버전은 또 다른 ~30 개의 위젯을 추가하여 Pro 버전에서 총 58개의 위젯 을 제공합니다.

무료 버전에는 ~40개의 무료 템플릿 도 함께 제공됩니다. 그리고 Pro 버전에는 수백 개의 추가 템플릿이 추가됩니다.

템플릿은 두 가지 형식으로 제공됩니다.

• 페이지 – 편집만 하면 되는 전체 페이지 디자인.
• 블록 – 레고처럼 조립할 수 있는 개별 섹션입니다.

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

스타일링 옵션 – 5/5

섹션, 열 또는 위젯을 클릭하면 Elementor는 왼쪽 사이드바에 세 가지 스타일 탭을 제공합니다.

정확한 옵션은 편집 중인 요소에 따라 다르지만 일반적으로 Elementor는 모든 페이지 빌더에서 가장 심층적인 스타일 옵션 세트 중 하나를 제공합니다.

색상, 배경 및 타이포그래피와 같은 기본 항목 외에도 다음과 같은 고급 설정을 제어할 수도 있습니다.

• 사용자 정의 여백/패딩.
• 사용자 정의 CSS 클래스/ID. Elementor Pro를 사용하면 개별 요소에 실제로 CSS 스타일을 직접 추가할 수 있습니다.
• 반응형 컨트롤. 특정 장치에서 요소를 표시하거나 숨길 수 있습니다.

Elementor는 최근 사용자 지정 위치 지정을 추가하여 페이지의 특정 지점에 위젯을 훨씬 쉽게 배치할 수 있습니다.

기타 주목할만한 기능 - 5/5

다음 기능은 Elementor Pro에서 사용할 수 있습니다.

• 전체 테마 건물입니다. 동일한 Elementor 인터페이스를 사용하여 머리글, 바닥글, 단일 및 아카이브와 같은 템플릿 부분을 작성할 수 있습니다. 기본적으로 Elementor로 전체 테마를 만들 수 있습니다.
• WooCommerce 빌더 – WooCommerce 제품 및 쇼핑 페이지를 디자인합니다.
• 팝업 빌딩 . 유연한 팝업을 디자인하고 특정 콘텐츠를 대상으로 합니다.
• 양식 통합 . 양식 위젯을 인기 있는 이메일 마케팅 서비스(또는 더 많은 유연성을 위해 Zapier)에 연결하십시오.
• 글로벌 위젯. 이를 통해 여러 페이지에서 공통 요소를 재사용하고 전역 위젯을 업데이트하는 것만으로 전역 위젯의 모든 인스턴스를 편집할 수 있습니다.
• 어디에나 포함할 수 있습니다 . 위젯 또는 단축 코드를 통해 다른 영역에서 Elementor 템플릿을 사용합니다.

잠금 – 5/5

Elementor를 비활성화하면 깨끗한 코드가 남습니다. 예를 들어 Elementor에 <h3> 헤더가 있는 경우 Elementor를 비활성화한 후에도 <h3> 헤더는 계속 남아 있으며 테마의 스타일만 사용합니다.

2. 비버 빌더

Beaver Builder는 꽤 오랫동안 페이지 빌더 시장에서 든든한 버팀목이었습니다. 깨끗한 코드( 페이지 빌더용 )를 출력하고 최종 사용자와 구현자 모두에게 인기가 있으며 새로운 기능 및 업데이트의 형태로 정기적인 관심을 받습니다.

유연성을 높이기 위해 함께 사용할 수 있는 공식 애드온도 있습니다. 특히 Beaver Builder 테마와 Beaver 확장 옵션 이 있습니다.

Beaver Builder 리뷰를 읽어보세요.

가격: 제한된 무료 버전. 제한된 사이트에서 사용하는 경우 $99부터 시작합니다.

인터페이스 – 5/5

Beaver Builder는 프론트엔드 비주얼 빌더를 위한 고유한 인터페이스를 제공합니다. 오른쪽의 사이드바에서 대부분의 작업을 수행합니다. 그러나 이러한 사이드바 옵션은 상단 표시줄의 버튼을 클릭할 때만 나타나므로 언제든지 전체 화면 미리보기를 볼 수 있습니다.

• 1 – 이것을 클릭하여 사이드바 영역을 엽니다.
• 2 – 이것은 디자인의 실시간 미리보기입니다.

Beaver Builder는 최근 인라인 텍스트 편집 기능을 추가했습니다. 즉, 페이지에 직접 입력하여 텍스트를 편집하거나 표시되는 팝업을 사용할 수 있습니다.

팝업으로 인라인 편집을 사용하는 것은 솔직히 조금 어색합니다. 그러나 편집기를 사이드바에 쉽게 고정하여 문제를 해결할 수 있습니다.

포함된 위젯/템플릿 – 4/5

무료 버전에서 Beaver Builder는 6개의 모듈 에만 액세스할 수 있지만 표준 WordPress 위젯도 사용할 수 있습니다.

반면에 프리미엄 버전에서는 30개의 모듈 에 액세스할 수 있습니다. 이 모듈도 모두 모듈식이므로 필요에 따라 활성화하거나 비활성화할 수 있습니다.

프리미엄 버전에서는 ~56 페이지 템플릿에 액세스할 수 있을 뿐만 아니라 자신의 디자인을 템플릿으로 저장할 수도 있습니다.

스타일링 옵션 – 5/5

모듈과 섹션의 스타일을 지정하려면 다음 중 하나를 수행할 수 있습니다.

• 기본 팝업 창 사용
• 창을 측면에 고정하여 사이드바를 만듭니다( 아래 예에서 볼 수 있음).

정확한 옵션은 모듈에 따라 다르지만 일반적으로 Beaver Builder는 사용자 지정 간격 및 반응형 컨트롤을 포함하여 요소를 상당히 잘 제어할 수 있습니다.

또한 Beaver Builder는 사용자 로그인 여부에 따라 개별 모듈을 표시하거나 숨길 수 있는 매우 독특한 토글을 제공합니다.

기타 주목할만한 기능 - 4/5

• 비버 테마. 이것은 별도의 확장이지만 Elementor와 같은 전체 테마 구축 기능을 추가합니다.
• 화이트 라벨링 . 클라이언트용 사이트를 구축하는 경우 Beaver Builder에 화이트 라벨을 쉽게 지정할 수 있습니다.
• 비버 빌더 테마 . 이 옵션 테마를 사용하면 웹사이트의 모양을 훨씬 더 세밀하게 제어할 수 있습니다.

독특한 기능이 좋은 반면에, 나는 당신이 그들을 얻기 위해 더 많은 돈을 지불해야 하기 때문에 땡땡이 치는 것입니다.

잠금 – 5/5

Elementor와 마찬가지로 Beaver Builder는 적절한 HTML 형식으로 100% 깨끗한 코드를 남깁니다.

3. 디비 빌더

Divi Builder는 Elegant Themes의 인기 있는 프리미엄 페이지 빌더입니다. Divi 테마의 일부로 가장 일반적으로 사용되지만 Divi Builder는 다른 테마와 함께 사용할 수 있는 독립 실행형 플러그인이기도 합니다.

앞의 두 페이지 빌더와 달리 Divi Builder를 사용하면 시각적 프런트 엔드 인터페이스와 백엔드 인터페이스를 모두 사용 하여 콘텐츠를 편집할 수 있지만 대부분의 사용자는 프런트 엔드 인터페이스를 선호할 것입니다.

가장 최신 버전인 Divi 4.0에서 Divi는 전체 테마 구축 지원도 추가하여 Elementor 및 Beaver Builder와 동등합니다. 즉, 이제 Divi를 사용하여 머리글, 바닥글, 템플릿 등을 디자인할 수 있습니다.

Divi Builder 리뷰를 읽어보세요.

가격: $89 엘레강트 테마 멤버십의 일부로 사용 가능

인터페이스 – 5/5

Divi Builder의 백엔드 인터페이스는 다음과 같습니다.

그러나 대부분의 경우 프론트엔드 시각적 인터페이스를 사용합니다. Divi Builder는 확실히 독특합니다. 개인적으로 팬 은 아니지만 좋아해주시는 분들이 많으니 그런 이유로 포인트는 드리지 않겠습니다.

기본적으로 모든 유형의 사이드바 대신 모든 것이 팝업과 플로팅 버튼입니다. 아래에서 모듈을 추가하는 예를 볼 수 있습니다.

앞의 두 페이지 빌더와 마찬가지로 인라인 편집을 사용하여 페이지에서 직접 텍스트를 편집할 수도 있습니다.

다른 페이지 빌더 플러그인에서 사용하는 사이드바보다 이 접근 방식을 선호하는지 여부는 사용자에게 달려 있습니다.

포함된 위젯/템플릿 – 5/5

Divi Builder에는 디자인을 구축하는 데 사용할 수 있는 46개의 모듈 이 포함되어 있습니다.

또한 40개의 다른 레이아웃 팩에 걸쳐 있는 방대한 316개의 사전 제작 템플릿 에 액세스할 수 있을 뿐만 아니라 자신의 디자인을 템플릿으로 저장하는 기능도 사용할 수 있습니다.

스타일링 옵션 – 5/5

Beaver Builder와 마찬가지로 Divi Builder를 사용하면 원하는 경우 측면에 고정할 수 있는 팝업에서 요소의 스타일을 지정할 수 있습니다.

Divi의 특징 중 하나는 항상 얼마나 많은 스타일 제어를 제공하는지였습니다. 세 개의 다른 탭에서 반응형 컨트롤, 사용자 지정 간격 등을 비롯한 다양한 설정을 구성할 수 있습니다.

기본 요소 또는 기본 요소 앞/뒤에 사용자 정의 CSS를 추가할 수도 있습니다. CSS 편집기에는 기본 유효성 검사 및 자동 완성 기능도 포함되어 있습니다! 또한 편집기에서 바로 색상 선택기를 열 수도 있습니다.

전반적으로 Divi Builder는 스타일 옵션으로 한계를 뛰어 넘고 있습니다. 좋은 기능입니다.

기타 주목할만한 기능 - 5/5

• 테마 구축 – Divi Builder 인터페이스를 사용하여 전체 테마를 디자인합니다.
• A/B 테스트. 최고의 추가 기능 중 하나는 Divi Builder에 내장된 A/B 테스트 시스템입니다. 다른 페이지 빌더는 코어에서 테스트를 이렇게 쉽게 분할할 수 없습니다.
• 디비 테마 . Divi Builder를 Divi 테마와 페어링하면 사이트의 모양을 완전히 제어할 수 있습니다.
• 사용자 액세스 제어 . Divi Builder에는 강력한 역할 기반 액세스 제어가 포함되어 있습니다.
• 워드프레스 커스터마이저 컨트롤 . 기본 WordPress 사용자 지정 프로그램을 사용하여 일부 요소의 모양을 사용자 지정할 수 있습니다.

잠금 – 3/5

Divi Builder에 대한 비판 중 하나는 항상 단축 코드 기반이라는 것이었습니다. 즉, 비활성화하면 콘텐츠에 많은 단축 코드가 남습니다.

그것이 약간의 낙점이지만 Shortcode Cleaner와 같은 플러그인이 존재하므로 이제 문제가 되지 않습니다. <h3> 태그와 같은 형식은 손실되지만 콘텐츠 자체는 손실되지 않습니다.

4. 건축가 번창

Thrive Architect는 한때 Thrive Content Builder였던 것의 개선된 버전입니다. 새 인터페이스는 곧 보게 될 Elementor의 인터페이스와 많은 유사점이 있습니다.

누구나 사용할 수 있지만 전환율에 중점을 두기 때문에 블로거 및 제휴 마케팅 담당자에게 특히 인기가 있습니다. 그리고 개인적으로 Thrive Architect에 대해 좋아하는 것 중 하나는 기본 스타일이 상자에서 꺼내자마자 꽤 좋아 보인다는 것입니다.

Thrive Architect 리뷰를 읽어보세요.

가격: Thrive Suite의 일부로 월 $19(매년 청구됨)입니다.

인터페이스 – 5/5

내가 말했듯이, 당신은 Thrive Architect의 인터페이스와 Elementor 인터페이스 사이에 몇 가지 유사점을 보게 될 것 입니다 .

같은 생각입니다.

• 1 – 이것은 디자인의 실시간 미리보기입니다. 방문자가 보는 것과 정확히 같습니다. 또한 이 인터페이스에서 직접 텍스트를 입력할 수 있을 뿐만 아니라 다양한 요소를 끌어다 놓아 재정렬할 수 있습니다.
• 2 – 사용할 수 있는 요소 목록을 보여줍니다. 드래그하면 됩니다. 개별 요소나 섹션을 선택하면 여기에 스타일이 지정됩니다.
• 3 – 반응형 미리보기, 변경 사항 실행 취소/다시 실행 및 기타 작은 기능에 액세스하는 데 도움이 됩니다.

예 – Elementor 섹션에서 복사하여 붙여넣었습니다 .

한 가지 독특한 점은 중첩된 요소를 클릭할 때 이동 경로 선택기입니다. 이 기능은 요소와 섹션 사이를 빠르게 이동할 때 실제로 매우 유용합니다.

그리고 Thrive Architect는 진정한 인라인 텍스트 편집 기능도 제공합니다. 사실, Thrive Architect는 모든 페이지 빌더 중 가장 매끄러운 인라인 편집 기능을 가지고 있습니다. 제 생각에는 다음과 같습니다.

포함된 위젯/템플릿 – 4/5

Thrive Architect는 상록수 카운트다운 타이머와 같은 깔끔한 위젯을 포함하여 40가지 위젯 을 제공합니다.

Thrive Architect에는 ~36개의 "세트"로 분할된 수백 개의 템플릿도 포함되어 있습니다. 또한 자신의 디자인을 템플릿으로 저장할 수도 있습니다.

스타일링 옵션 – 5/5

Thrive Architect는 스타일링을 처리하는 방식에서 Elementor와 다릅니다. Thrive Architect는 탭을 제공하는 대신 단일 열에 모든 것을 포함합니다.

스타일 옵션은 매우 상세하며 반응형 컨트롤과 맞춤 간격을 포함합니다.

페이지 수준에서 사용자 정의 CSS를 추가할 수도 있습니다. 개별 요소의 경우 CSS 클래스 또는 ID만 할당할 수 있습니다.

기타 주목할만한 기능 - 3/5

멋진 기능 중 하나는 페이지 이벤트 를 설정하는 옵션입니다. 이를 통해 특정 트리거를 기반으로 라이트박스 팝업을 표시할 수 있습니다.

또 다른 멋진 점은 다른 Thrive Themes 제품과 얼마나 잘 통합되는지입니다. 예를 들어:

• Thrive Optimize를 사용하는 경우 Thrive Architect를 사용하여 A/B 테스트를 실행할 수 있습니다.
• Thrive Leads를 사용하는 경우 Thrive Leads의 세부 옵트인을 Thrive Architect에 쉽게 통합할 수 있습니다.

잠금 – 5/5

Thrive Architect는 Elementor 및 Beaver Builder와 같은 100% 깨끗한 코드를 남깁니다.

5. SiteOrigin 페이지 빌더

SiteOrigin Page Builder는 영원할 것 같은 존재입니다. 그리고 그 "영원히"에서 WordPress.org에서 100만 개 이상의 활성 설치를 수집하여 시장에서 가장 인기 있는 페이지 빌더 플러그인 중 하나가 되었습니다.

SiteOrigin Page Builder는 이 목록에 있는 대부분의 다른 옵션보다 약간 가볍지만 뛰어난 성능과 수많은 유용한 CSS 컨트롤을 제공합니다.

가격: 무료. SiteOrigin Premium 번들은 $29부터 시작합니다.

인터페이스 – 3/5

SiteOrigin에는 디자인을 구축하는 데 사용할 수 있는 두 가지 인터페이스가 있습니다.

원래 백엔드 편집기가 있습니다.

블록을 드래그 앤 드롭하거나 특정 블록을 클릭하여 편집할 수 있습니다.

이 편집기는 작업할 수 있는 가장 많은 공간을 제공하지만 어떤 유형의 실시간 미리보기도 부족합니다.

실시간 미리보기를 원하면 SiteOrigin Page Builder에서 라이브 편집기 모드를 추가했습니다.

라이브 미리보기에서 요소를 실제로 끌어다 놓을 수 없기 때문에 이 목록의 다른 페이지 빌더와 동일하지 않습니다. 그러나 왼쪽의 추상 상자와 실시간 미리 보기 사이에 약간의 상호 작용이 있기 때문에 디자인을 미리 보는 것 이상의 의미가 있습니다.

예를 들어, 실시간 미리보기에서 상자 위로 마우스를 가져가면 사이드바의 관련 상자에도 강조표시가 표시됩니다. 실시간 미리보기에서 요소를 클릭하여 설정을 열 수도 있습니다.

포함된 위젯/템플릿 – 2/5

핵심 WordPress 위젯 외에도 SiteOrigin Page Builder는 사용할 수 있는 23개 위젯 의 모듈식 세트를 추가하는 무료 위젯 번들 플러그인도 제공합니다. 또한 사용할 수 있는 ~25개의 사전 제작된 템플릿이 포함되어 있지만 다른 페이지 빌더와 비교하면 매우 간단합니다.

디자인을 템플릿으로 저장할 수는 없지만 유사한 기능을 제공하는 기존 페이지를 쉽게 복제할 수 있습니다.

스타일링 옵션 – 3/5

SiteOrigin Page Builder의 스타일 옵션은 CSS를 모르는 경우 다른 페이지 빌더에 비해 실망스러울 것입니다. 그러나 자신의 CSS를 사용하는 것이 편하다면 실제로 매우 유용합니다.

CSS 클래스 및 ID를 추가하는 것 외에도 모바일 전용 CSS 섹션을 포함하여 개별 요소에 CSS를 직접 추가할 수도 있습니다.

또한 다른 플러그인만큼 많지 않은 비 CSS 스타일 옵션도 많이 얻을 수 있습니다. 자신의 CSS를 사용하려는 개발자라면 이 카테고리에 대해 플러그인에 5를 줄 수 있습니다. 하지만 일반 사용자에게 적합하다고 생각하기 때문에 3으로 줄입니다.

기타 주목할만한 기능 - 2/5

SiteOrigin Page Builder는 매우 가볍지만 SiteOrigin Premium 번들에 기본 사용자 정의 포스트 유형 빌더가 있습니다.

잠금 – 4/5

SiteOrigin Page Builder는 깨끗한 HTML과 단축 코드를 혼합하여 남깁니다. 즉, 텍스트 편집기와 같은 일부 위젯은 깨끗한 HTML을 남기고 다른 위젯(예: 버튼 위젯)은 단축 코드를 남깁니다.

6. WPBakery 페이지 빌더

이전에 Visual Composer로 알려진 WPBakery Page Builder는 또 다른 인기 있는 프리미엄 페이지 빌더입니다. 이 인기의 큰 부분은 WPBakery Page Builder가 ThemeForest에서 테마의 99%처럼 보이는 것과 번들로 제공된다는 사실에서 비롯됩니다. 하지만 수많은 사이트 에서 사용되고 있다는 사실은 변함이 없습니다.

가격: $64

인터페이스 – 3/5

Divi Builder와 마찬가지로 WPBakery Page Builder는 시각적 프런트 엔드 편집과 백엔드 편집을 모두 제공합니다.

원하는 경우 백엔드 인터페이스를 사용할 수 있습니다.

하지만 대부분의 사람들은 다음과 같은 프런트 엔드에서 더 행복할 것이라고 생각합니다.

새 요소를 삽입하고 팝업을 사용하여 스타일을 지정합니다. 사이드바 영역도 없고 인라인 편집도 없습니다.

개인적으로 나는 이 접근 방식의 팬이 아니지만 팝업이 열려 있지 않을 때 실시간 미리보기를 방해할 것이 없기 때문에 일부 사람들은 좋아합니다.

포함된 위젯/템플릿 – 3/5

WPBakery Page Builder는 39개의 요소 와 모든 일반 WordPress 위젯을 제공합니다. 이러한 요소 중 일부는 다른 페이지 빌더에서 결합되므로 실제 숫자는 ~33 과 비슷합니다.

또한 ~86개의 템플릿을 얻을 수 있습니다. 일부 템플릿은 전체 페이지이고 다른 템플릿은 섹션입니다.

스타일링 옵션 – 3/5

Elementor 또는 Divi Builder와 비교할 때 WPBakery Page Builder의 스타일 옵션은 약간 제한적입니다.

행을 잘 제어할 수 있습니다.

그러나 개별 요소에 대한 스타일 옵션은 좀 더 제한적입니다.

고유한 CSS를 사용하려면 개별 요소에 사용자 정의 CSS 클래스 또는 ID를 추가하거나 페이지 수준에서 실제 스타일을 추가할 수 있습니다.

기타 주목할만한 기능 - 3/5

WPBakery Page Builder에 특별히 주목할 만한 고유 기능이 있는지 잘 모르겠습니다. 그러나 거기에는 방대한 타사 애드온 커뮤니티가 있습니다. 다른 많은 페이지 빌더에는 타사 애드온이 있지만 WPBakery Page Builder는 250개 이상의 애드온 이 훨씬 넘는 고유한 수입니다.

잠금 – 3/5

Divi Builder와 마찬가지로 WPBakery Page Builder는 비활성화하면 콘텐츠에 많은 단축 코드를 남깁니다.

7. Themify 빌더

Themify Builder는 당연히 Themify의 페이지 빌더 제품입니다. Themify는 고객에게 쉬운 사용자 정의 옵션을 제공하기 위해 많은 테마와 함께 번들로 제공됩니다. 그러나 독립 실행형 플러그인으로 구입하여 모든 테마와 함께 사용할 수도 있습니다.

가격 : 경량 무료 버전. Pro는 $39 또는 $59부터 시작합니다(추가 기능에 따라 다름)

인터페이스 – 4/5

Divi Builder 및 WPBakery Page Builder와 마찬가지로 Themify Builder를 사용하면 백 엔드 및 프런트 엔드 인터페이스를 모두 사용하여 디자인을 구축할 수 있습니다.

버전 4.0에서는 Themify Builder가 인터페이스를 일부 업데이트하여 점수를 한 단계 높일 수 있었습니다.

백엔드 인터페이스는 다음과 같습니다.

그러나 다시 대부분의 사람들은 다음과 같이 작동하는 프런트 엔드 인터페이스를 사용하기를 원할 것입니다.

• 1 – 새 모듈을 삽입할 수 있습니다( 2가지 다른 방법 )
• 2 – 라이브 미리보기
• 3 – 반응형 미리보기, 실행 취소/다시 실행 및 기타 설정

인라인 편집이 없습니다. 팝업에서 텍스트를 편집해야 합니다.

그래도 새 인터페이스는 이전 인터페이스보다 훨씬 "빠른" 느낌이 들어 훨씬 빠른 편집 경험을 제공합니다.

또한 설정 팝업 위에 이동 경로 스타일 선택기를 추가하여 모듈 자체와 모듈이 위치한 행 및 열 사이를 빠르게 전환할 수 있습니다.

마지막으로, 내가 가장 좋아하는 새로운 추가 기능 중 하나는 페이지를 클릭하고 드래그하여 여백과 패딩을 추가하는 기능입니다. 이것은 엄청난 업그레이드이며 페이지에서 위치를 훨씬 쉽게 조정할 수 있습니다. 드래그하여 여백( 분홍색 )을 조정할 수 있는 방법을 볼 수 있습니다.

사실, 나의 유일한 주요 비판은 여전히 ​​라인 편집이 부족하다는 것입니다.

포함된 위젯/템플릿 – 3/5

Themify Builder는 ~32개의 모듈 (추가 기능에 따라 다름)과 모든 일반 WordPress 위젯을 제공합니다.

또한 기본적으로 미리 작성된 섹션 인 ~143개의 전체 페이지 템플릿과 더 적은 수의 Rows 를 얻을 수 있습니다.

스타일링 옵션 – 4/5

요소를 클릭하면 스타일을 지정하는 데 도움이 되는 네 가지 탭이 표시됩니다.

• 콘텐츠
• 스타일링 ( 아래 참조 )
• 가시성 ( 특정 장치에서 요소를 숨길 수 있음)
• 생기

또 다른 좋은 점은 Themify Builder를 사용하여 반응형 중단점을 사용자 지정할 수 있다는 것입니다( 사이트 전체 수준에서만 가능 ).

버전 4.0에서 Themify Builder는 25개의 사전 설정 모양 중에서 선택할 수 있는 사용자 정의 모양 구분선도 추가했습니다.

기타 주목할만한 기능 - 4/5

Themify Builder의 멋진 점 중 하나는 여전히 일반 WordPress 편집기를 사용할 수 있는 반면 다른 페이지 빌더는 모든 작업에 페이지 빌더 인터페이스를 사용하도록 강요한다는 것입니다. Themify Builder 콘텐츠는 WordPress 편집기에 표시되므로 주변에 콘텐츠를 배치할 수 있습니다.

이 기능은 새로운 WordPress 블록 편집기에서도 작동합니다.

또 다른 멋진 새 기능은 반응형 디자인에 다양한 해상도를 사용할 수 있다는 것입니다. 많은 페이지 빌더가 일반적인 "모바일" 및 "태블릿" 미리보기를 제공하지만 Themify Builder를 사용하면 실제로 다른 장치를 테스트할 수 있습니다.

잠금 – 5/5

Themify Builder는 잠금과 관련하여 크게 개선 되었습니다. 이제 비활성화하면 콘텐츠가 깨끗한 HTML로 남습니다.

8. 브리지

2018년 4월에 시작된 Brizy는 이 목록에서 "가장 젊은" 페이지 빌더 중 하나입니다. 그러나 잘 알려진 개발자인 ThemeFuse가 제공하며 빠르게 60,000개의 활성 설치를 달성했습니다. 또한 일반 페이지 작성의 일부 부분에 대한 고유한 접근 방식을 제공하므로 흥미로운 제품입니다.

개발자들은 또한 새로운 기능을 빠르게 출시하고 있으며 Brizy는 이미 테마 및 팝업 구축을 지원합니다.

가격: 기본 무료 버전. 프로 버전은 $49부터 시작합니다.

인터페이스 – 5/5

Brizy는 독점적으로 프론트엔드 비주얼 페이지 빌더입니다.

페이지를 구축하려면 먼저 블록을 추가해야 합니다. 빈 블록을 사용하거나 미리 만들어진 섹션 블록에서 선택할 수 있습니다.

"고유한 인터페이스" 부분은 요소를 추가하기 시작하면 발생합니다. 요소를 사용자 정의/스타일 지정하는 사이드바 또는 팝업이 아니라 거의 모든 것이 인라인으로 발생합니다(입력 포함).

내 말을 봐:

그 결과 페이지를 매우 빠르게 구축할 수 있습니다.

포함된 위젯/템플릿 – 4/5

Brizy는 현재 26개의 기본 요소를 제공합니다. 이 숫자는 적지만 Brizy는 아직 새롭기 때문에 시간이 지남에 따라 증가하기를 바랍니다.

또한 헤더를 작성할 때 메뉴 요소와 같은 특정 기능에 대한 추가 요소를 얻습니다.

또한 사용할 수 있는 150개 이상의 블록 (템플릿 섹션)이 포함되어 있습니다.

스타일링 옵션 – 5/5

Brizy의 인터페이스가 작동하는 방식 때문에 다른 페이지 빌더와 같은 스타일 옵션에 대한 공식이 없습니다.

간격 및 반응 제어와 같은 고급 설정을 위해 사이드바를 확장할 수 있습니다.

모든 단일 요소를 수동으로 편집할 필요가 없도록 페이지 수준에서 기본 스타일을 추가할 수도 있습니다.

그러나 대부분의 경우 인라인 컨트롤을 사용하여 요소의 스타일을 지정하므로 상당한 양의 제어가 가능합니다.

기타 주목할만한 기능 - 5/5

Brizy의 인터페이스는 이미 매우 독특하지만 출시 이후로 매우 뛰어난 기능 목록을 빠르게 구성했습니다.

• 테마 빌더 – Brizy를 사용하여 머리글, 바닥글, 아카이브 및 단일 게시물 템플릿을 디자인합니다. WooCommerce 지원이 진행 중 입니다. 또한 ACF 및 Toolset과 같은 인기 있는 플러그인에서 사용자 정의 필드 콘텐츠를 가져오는 동적 기능이 포함되어 있습니다.
• 팝업 빌더 – Brizy 인터페이스를 사용하여 팝업을 디자인하고 조건을 사용하여 표시 위치/시기를 제어합니다.
• 여러 페이지에서 동기화되는 글로벌 배너 입니다.
• 인기 있는 이메일 마케팅 서비스(및 Zapier)와의 통합 .

잠금 – 4/5

Brizy는 비활성화하면 대부분 깨끗한 HTML 코드를 남깁니다. 그러나 여전히 코드에 Brizy CSS 클래스가 있는 div가 많이 남아 있어 간격이 약간 엉망이고 정리가 필요합니다.

9. 비주얼 작곡가

위에서 WPBakery Page Builder 는 Visual Composer로 알려져 있었습니다. 그 "익숙한" 이유는 Visual Composer 뒤에 있는 팀이 Visual Composer 이름을 사용하여 완전히 새로운 제품을 출시할 수 있도록 WPBakery Page Builder를 분사하기로 결정했기 때문입니다.

이것이 우리가 이 섹션에서 집중하고 있는 것입니다.

같은 팀에서 나왔지만 완전히 별개의 제품입니다.

주요 차이점은 Visual Composer는 완전한 웹 사이트 빌더인 반면 WPBakery Page Builder는 페이지 빌더라는 것입니다.

가격: 제한된 무료 버전. 프로 버전은 $49부터 시작합니다.

인터페이스 – 3/5

Visual Composer로 새 페이지를 만들 때 캔버스에 대한 몇 가지 다른 레이아웃 중에서 선택할 수 있습니다. 머리글/바닥글 등을 포함하여 완전히 빈 캔버스를 만들 수 있습니다.

거기에서 시각적 인터페이스를 사용하여 모든 것을 디자인할 수 있습니다.

인터페이스는 매끄럽고 결함이 없지만 인라인 편집이 부족하여 약간 실망스럽습니다. 대신 사이드바에서 텍스트를 편집해야 합니다.

또한 모든 것이 하나의 긴 열이기 때문에 사이드바의 옵션이 유용하지 않습니다. 나는 설정을 탭으로 나누는 대부분의 다른 페이지 빌더가 사용하는 접근 방식을 선호합니다.

포함된 위젯/템플릿 – 5/5

Visual Composer를 처음 설치할 때(또는 무료 버전만 사용하는 경우) 템플릿이 아닌 몇 개의 블록에만 액세스할 수 있습니다.

하지만 속지 마세요. Visual Composer에는 다양한 요소와 템플릿이 있습니다. Visual Composer Hub에 연결하고 사용하려는 항목을 다운로드하기만 하면 됩니다.

보시다시피 콘텐츠 블록에서 통합 등에 이르기까지 모든 것이 매우 다양합니다. 템플릿에 관해서도 유사한 다양성이 있습니다.

스타일링 옵션 – 4/5

Visual Composer의 스타일 옵션은 견고하지만 실제로 눈에 띄는 것은 없습니다. 모양 구분선, 사용자 지정 간격, 시차 등과 같이 기대하는 모든 기능을 얻을 수 있습니다.

또한 사용자의 장치에 따라 디자인을 편집할 수 있는 반응형 컨트롤과 다양한 반응형 미리 보기 옵션이 제공됩니다.

두 가지 좋은 기능은 행 또는 요소를 고정하고 열이 쌓이는 방식을 제어하는 ​​옵션입니다.

기타 주목할만한 기능 - 5/5

위에서 언급했듯이 Visual Composer는 완전한 웹 사이트 빌더이므로 머리글, 바닥글, 템플릿 등을 포함한 인터페이스를 사용하여 전체 사이트를 구축할 수 있습니다.

ACF로 추가하는 것과 같은 기본 및 사용자 정의 필드에서 동적 콘텐츠를 삽입할 수도 있습니다.

다른 눈에 띄는 기능은 가져올 수 있는 수많은 템플릿 및 콘텐츠 요소와 함께 제공되는 Visual Composer Hub입니다.

잠금 – 5/5

Visual Composer를 비활성화하면 비교적 깨끗한 HTML이 남습니다. HTML에는 여전히 Visual Composer CSS 클래스가 포함되어 있지만 프런트 엔드 문제나 단축 코드는 없습니다.

10. WP 페이지 빌더

WP Page Builder는 기존 WordPress 개발자인 Themeum의 새로운 제품입니다. 따라서 플러그인 자체는 새롭지만 한동안 WordPress 공간에 있었던 팀에서 제공됩니다.

Themeum은 얼마 전에 검토한 Tutor LMS 플러그인도 만듭니다.

가격: 상당히 관대한 무료 버전. 프로 버전은 $39부터 시작합니다.

인터페이스 – 4/5

WP Page Builder에는 페이지 빌더가 사용하는 한 꽤 표준적인 인터페이스가 있습니다. 오른쪽에는 디자인을 시각적으로 미리 볼 수 있고 왼쪽에는 디자인을 제어할 수 있는 사이드바가 있습니다.

내가 많이 좋아하는 것 중 하나는 드래그 앤 드롭 슬라이더를 사용하여 간격(여백/패딩)을 조정하는 기능입니다. 유사한 끌어서 놓기 방식을 사용하여 열 크기를 조정할 수도 있습니다.

그러나 인라인 편집이 없으므로 약간의 아쉬움이 있습니다. 대신 사이드바 편집기에서 텍스트를 편집해야 합니다.

포함된 위젯/템플릿 – 5/5

무료 버전에서도 WP Page Builder에는 다양한 위젯이 제공됩니다. 예를 들어 무료 버전은 가격표, 포스트 그리드, 플립 박스 등을 제공합니다. 대부분의 다른 페이지 빌더는 프리미엄 버전용으로 이러한 요소를 예약합니다.

또한 특정 틈새 시장을 위한 테마 템플릿 팩인 31개 이상의 레이아웃 번들에 액세스할 수 있습니다. 각 레이아웃에는 여러 템플릿이 포함됩니다.

스타일링 옵션 – 4/5

나는 이미 드래그 앤 드롭 간격/레이아웃 컨트롤에 대해 언급했는데, 이는 정말 편리한 기능입니다.

그 외에도 다양한 스타일 옵션을 얻을 수 있습니다. 예를 들어, 모양 구분선, 특정 장치에서 요소를 숨기고 다른 장치에 대해 다른 설정을 사용하는 옵션 및 다양한 일반 스타일 옵션이 있습니다.

그러나 견고하지만 Elementor 또는 Divi와 같은 것만큼 많은 옵션을 얻지 못하기 때문에 "5" 대신 "4"의 점수를 사용하겠습니다.

기타 주목할만한 기능 - 3/5

WP Page Builder는 견고한 페이지 빌더이지만 다른 페이지 빌더에서 얻을 수 있는 종류의 추가 기능을 구축하지 않았습니다. 예를 들어 테마 빌딩, 팝업 빌더 등이 없습니다.

페이지 빌더 자체 외에는 눈에 띄는 기능이 없습니다.

잠금 – 3/5

When you disable WP Page Builder, it removes everything , including your content. Even if you just added a single text block, that text block will still disappear when you disable WP Page Builder.

The content will reappear if you reactivate the plugin.

Which Is The Best WordPress Page Builder?

So which of these 10 page builders should you choose? Well, here's how the scores stack up (in order):

And personally, that's pretty much how I would recommend them to people, as well.

On my own sites, I use a mix of Elementor and Thrive Architect, depending on the site.

If you're looking for the best value of price vs features, here's another table comparing the score to the pricing options:

Now over to you — which one do you think is the best WordPress page builder?