[WP] 워드프레스 페이지 빌더 vs 블록 에디터 5가지 차이

공정위 광고 문구 Ver 3.1
공정위 광고 문구 Ver 3.2(모바일 전용)

워드프레스 구텐베르크(Gutenberg) 블록은 블록 에디터입니다. 공식 블록 에디터가 출시된 이후 워드프레스 페이지 빌더(Page Builder)를 대체하는 방향으로 흐르지 않을까? 라는 의문을 워드프레스를 이용한 웹사이트를 운영한다면 누구나 가졌을 법한 의문입니다.

많은 사람들이 페이지 빌더를 버리고 블록 데이터(Block Editor)로 이동하게 될까요? 이 글에서는 여기에 대한 해답을 찾기 위해 각각의 차이점과 앞으로의 미래를 개인적인 의견으로 예측해 보겠습니다.

워드프레스 페이지 빌더란 무엇인가?

기존 워드프레스 클래식 편집기는 사용자가 페이지와 글에서 모양을 변경하고 정의하는 것을 허용하지 않았습니다. 근본적인 이유로 페이지 빌더가 만들어진 계기가 되었으며 페이지 빌더는 사용자가 콘텐츠를 원하는 방식으로 정의할 수 있게 만들어지고 발전했습니다.

결국 워드프레스 페이지 빌더를 이용해 코드 하나 수정하지 않고 원하는 기능으로 시각적이며 직관적으로 웹페이지 디자인을 수정할 수 있게 되었습니다.

대표적인 페이지 빌더는 Elementor, Divi Builder, Beaver Builder 등을 예로 들 수 있습니다.

페이지 빌더 엘레멘터(Elementor)
대표적인 페이지 빌더 엘레멘터(Elementor)

워드프레스 블록 에디터

워드프레스 블록 에디터는 Wix와 같은 다른 CMS가 점점 직관적이고 시각적인 기능으로 사용자를 늘림에 따라 많은 점유율을 빼앗기지 않았음에도 워드프레스에서 기존 클래식 편집기를 대체할 일명 구텐베르크 블록을 내 놓게 됩니다.

페이지 빌더 vs 블록 에디터 주요 차이점

워드프레스 웹사이트를 운영하면서 헷갈릴 수 있는 두 가지 주요 차이점에 대해서 알아 보겠습니다.

1. 백엔드 vs 프런트엔드 편집

가장 큰 차이는 백엔드와 프런트엔드 편집 기능입니다. 구텐베르크 편집기는 프런트엔드 편집 기능이 없습니다. 적용한 블록에 대해 보려면 미리보기를 클릭해야 합니다.

페이지 빌더는 이미 오래전부터 프런트 엔드 편집 기능을 제공하고 있습니다. 변경 사항을 실시간으로 확인할 수 있어 프런트 엔드 편집은 시각적인 웹페이지를 구축하는데 매우 유용합니다.

2. 레이아웃 기능

페이지 빌더의 경우 보통 핵심 레이아웃 기능을 제공합니다. 레이아웃을 섹션으로 묶어 사용할 수 있는 기능들이 페이지 빌더에서는 기본으로 지원되지만 구텐베르크 편집기에서는 찾아보기 어렵습니다.

페이지 빌더는 자신만의 머리글, 바닥글, 콘텐츠 레이아웃을 만들 수 있어 유연성이 더 높습니다. 구텐베르크 블록은 스타일과 사용자 정의 HTML 등을 제공하지만 페이지 빌더처럼 유연하지 않습니다.

3. 테마 스타일 호환 및 재정의

페이지 빌더는 테마의 스타일을 재정의 할 수 있는 호환성을 제공합니다. 하지만 블록은 글이나 페이지에 한정되어 있기 때문에 테마 자체의, 웹사이트의 디자인을 수정할 수 없습니다.

Elementor, Beaver Builder는 기존 테마를 가지고 웹사이트를 완전히 새로운 디자인으로 수정할 수 있습니다.

4. 블록과 위젯

구텐베르크가 수십 개의 블록을 제공하고 그 숫자는 점차 늘어나고 있습니다. 자주 사용하는 스타일을 따로 저장할 수도 있습니다. 구텐베르크 출시 이후 많은 개발자들은 구텐베르크 블록 플러그인을 만들었습니다.

워드프레스 블록에디터 구텐베르크 텍스트 블록

페이지빌더에도 블럭처럼 수 많은 위젯을 제공하며, 많은 관리자가 필요로 하는 기능과 고유의 기능을 가지고 있습니다.

워드프레스 페이지 빌더 엘레멘터(Elementor) 설정 화면
5. 추가 기능 플러그인

구텐베르크 편집기 및 페이지 빌더 모두 추가 기능을 제공하는 플러그인을 함께 사용할 수 있습니다. 타사 플러그인을 설치할 수 있는 가장 인기 있는 페이지 빌더는 Elementor와 Divi Page Builder입니다.  구텐베르트 에디터와 함께 사용할 수 있는 블록 플러그인 역시 많이 나와 있습니다.

블록 플러그인 및 페이지 빌더 용도

콘텐츠 글을 원하는 시각적 또는 사용자 경험을 더 좋게 하기 위해 여러가지 블록을 사용해서 정리하는 기능으로 사용할 때 만족감을 줄 수 있습니다. 페이지 빌더는 홈페이지, 그리고 랜딩 페이지를 만들 때 만족감을 줄 수 있습니다.

블록 편집기가 페이지 빌더를 대체할 수 있을까?

대체할 것 같지는 않습니다. 페이지 빌더는 소스 수정 없이 웹사이트를 원하는 방식으로 강력하게 디자인 할 수 있는 기능을 제공하며, 구텐베르크는 아직 걸음마 단계에 있다고 할 수 있습니다. 워드프레스 로드맵에서 구텐베르크에 대한 강력한 업데이트 의지를 볼 수 있습니다. 워드프레스 블록 편집기가 페이지 빌더를 대체하긴 어렵다고 볼 수 있습니다.

목재 블록의 웹 사이트용 개념 플러그인

페이지 빌더 플러그인 VS 블록 에디터 플로그인

많은 페이지 빌더 플러그인들이 발전했지만 워드프레스 구텐베르크 편집기의 등장 이후 많은 블록 편집기 플러그인이 생겼습니다. 페이지 빌더에 비해 짧은 역사를 가지고 있지만 페이지 빌더는 구텐베르크 편집기보다 복잡합니다. 추가 기능을 사용할 수 있는 블록 편집기 플러그인이 이를 대체해 주고 있습니다.

블록 편집기 플러그인에 비해 복잡한 사용과 플러그인 끼리의 충돌, 웹페이지 속도에 영향을 줄 수 있는 많은 요소로 인해 시간이 지날수록 블록 편집기와 블록 플러그인에 대한 수요는 꾸준히 증가할 것으로 예상됩니다. 이유는 블록 편집기 플러그인이 페이지 빌더에 비해 사용하기 편하고 향상된 속도를 보여주기 때문입니다.

ℹ️ 제휴 안내
본 사이트의 콘텐츠에는 제휴 링크가 포함되어 있습니다. 방문자가 이 링크를 통해 상품 또는 서비스를 구매하면 본 사이트는 판매처로부터 수수료를 지급받습니다. 이 과정에서 구매자가 지불하는 금액(이벤트 할인 시 금액이 내려갑니다↓)은 오르지 않습니다. 게시된 가격·할인·재고 정보는 작성 시점 기준이며 실제와 다를 수 있으므로, 구매 전 판매처에서 최종 확인하시기 바랍니다. 상품 선정과 평가는 자체 기준에 따라 작성되며, 수수료 지급 여부가 소개 순서나 평가 내용에 영향을 주지 않습니다.

Similar Posts

  • 캐싱 개념과 분류: 웹사이트 성능 최적화 | 원리와 활용 | 서버 측 캐시 5가지와 클라이언트 캐시

    사이트 성능 최적화란 사용자에게 더 빠른 로딩 속도와 쾌적한 경험을 제공하기 위해 웹 자원과 서버 구조를 효율적으로 관리하는 작업입니다. 이를 위해 일반적으로 캐싱, 파일 최적화, 전송 최적화, 서버 최적화 네 가지 핵심 전략이 활용됩니다. 캐시를 통해 반복되는 데이터를 저장하고, 파일 최적화를 통해 CSS·JS·이미지 등의 용량을 줄이며, 전송 최적화에서는 압축과 CDN, HTTP/2 등을 활용해…

  • DNS 레코드 확인 및 네임서버 성능 측정 사이트

    DNS(Domain Name System)는 호스트의 네트워크 주소 변경을 수행하기 위해 개발된 시스템입니다. 기본 호스트 서버로 연결되기 전에 보통의 경우 IP 주소를 대신해서 사용하는 주소인 도메인은 DNS에 의해 IP와 도메인을 연결해 줍니다.DNS 레코드 확인을 편하게 할 수 있는 “whatsmydns”와 DNS 서버의 성능을 측정할 수 있는 “DNSPerf”에 대해 알아 보겠습니다. 호스팅 서비스를 이용하게 되면 공유 호스팅과…

  • [SEO]검색 엔진 결과 페이지-SERP란? | 10가지 SERP 리스트

    검색엔진최적화(SEO)에 대한 관심이 한국에서도 늘어나는 추세입니다. 구축한 웹사이트를 단순하게 광고하는 방식이 아닌 자연 검색 트래픽으로 방문자를 늘리는 방식이지요. 구글은 사용자 경험을 포함 정보성 글을 중요하게 생각하며 AI가 등장한 이후 더더욱 이 추세는 강해지고 있습니다. 웹사이트의 글(Post)이 구글 첫 페이지부터 나오는 자연 검색 결과를 포함한 다양한 검색 엔진 결과 페이지(SERP:Search Engine Result Page)에는 어떤…

  • [WP] 워드프레스 블록에디터 개요 및 구텐베르크

    워드프레스를 시작하게 되면 워드프레스 블록에디터인 구텐베르크(Gutenberg) 편집기란 단어를 접하게 됩니다. 예전 워드프레스 편집기는 클래식 편집기를 사용했지만 보다 직관적인 웹 구축 경험을 위해 Gutenberg 편집기로 대체되었습니다. 워드프레스 블록에디터: 구텐베르크란? Gutenberg란 Wordpress 플랫폼의 블록 기반 편집기입니다. 워드프레스 5.0으로 업데이트 되면서 구텐베르크라는 에디터가 기본 편집기로 변경되고 기존 클래식 편집기를 그대로 사용하는 유저가 적응하지 못하고 클래식 편집기를…

  • [SEO] robots.txt 정의 | 구글 or 네이버에서 유효성 검사하기

    Robots.txt란 웹 마스터가 웹 로봇(보통 검색 엔진 로봇)에게 웹 사이트 페이지의 크롤링 방법을 지시하기 위한 텍스트 파일입니다. robots.txt 웹 사이트의 루트 파일에 위치하고 있어야 합니다. 이 파일은 로봇이 웹을 탐색하고 콘텐츠에 접근하며 해당 콘텐츠를 사용자에게 제공하는 방법을 제어하는 웹 표준인 로봇 배제 프로토콜(REP:robots exclusion protocol)의 일부입니다. 로봇 배제 프로토콜(REP)에 의해 모든 봇이 지침을…

  • 글로벌 SEO 비교 사이트 4군데

    글로벌 SEO 비교 사이트를 찾고 있다면 SimilarWeb, Ahrefs SEMrush, Moz와 같은 인기있는 웹사이트를 추천합니다. 이 사이트들은 트래픽 및 키워드 순위 정보를 제공하여 전 세계적인 SEO 분석을 가능케 합니다. 이 중에서 웹사이트 순위 정보도 제공하는 사이트는 SimilarWeb, Alexa, SEMrush와 같은 사이트들입니다. 이러한 사이트들은 글로벌 SEO 분석에 도움이 되는 강력한 도구로, 인기와 신뢰성이 높습니다. 글로벌…