블록 테마 또는 페이지 빌더: 실제로 달라지는 점

마케팅 문구를 걷어내면 눈앞에 두 가지 디자인이 남습니다.

페이지 빌더 플러그인

빌더는 WordPress에 자체 편집기, 자체 레이아웃 엔진, 자체 위젯 라이브러리를 추가합니다. 빌더의 캔버스에서 디자인하면, 빌더는 결과물을 게시글 안에 자체 형식으로 저장합니다. 그 스타일시트와 스크립트가 프런트엔드에서 해당 형식을 다시 페이지로 변환합니다. 테마는 대부분 뒤로 물러나 있습니다.

WordPress가 제공하는 편집기 기반의 블록 테마

블록 에디터는 WordPress 자체에 포함되어 있습니다. 블록은 주변에 구조화된 주석이 달린 HTML로 저장되고, 템플릿은 블록 템플릿이며, 색상과 타이포그래피는 편집기와 프론트엔드가 모두 읽는 theme.json 파일에서 가져옵니다. Canvas 같은 블록 테마는 그 하나의 편집기에 블록, 템플릿, 설정을 추가합니다. 그 옆에 별도로 놓이는 것은 없습니다.

두 방식 모두 오늘 오후에 웹사이트를 만들어 줍니다. 차이는 3년 뒤, 우선순위, 호스트 또는 개발자가 바뀔 때 드러납니다.

이 분야의 속도 논쟁은 대개 근거 없는 통념에 기대고 있습니다. 작동 원리는 누구나 따져 볼 수 있을 만큼 단순합니다.

페이지 빌더는 두 번째 레이아웃 엔진입니다. 자체 CSS 그리드 시스템, 자체 애니메이션 라이브러리, 자체 JavaScript를 함께 제공하며, 플러그인이 페이지에서 어떤 위젯을 사용할지 미리 알 수 없기 때문에 이 기능들이 대개 모든 페이지에 로드됩니다. 이는 WordPress와 테마 위에 더해지는 고정 비용입니다.

블록 편집기에는 자체 런타임이 없습니다. 코어 블록은 대부분 HTML과 CSS이며, 잘 만든 블록 테마는 여기에 거의 아무것도 더하지 않습니다. Canvas는 페이지에 실제로 포함된 블록의 CSS와 JavaScript만 불러오며, 켜고 끌 수 있는 35개의 최적화를 추가로 제공합니다. 여기에는 판매 상품이 없는 페이지에서 WooCommerce가 불러오는 스크립트를 겨냥한 최적화 5개도 포함됩니다.

솔직한 버전

잘 만든 페이지는 좋은 빌더에서 부주의하게 만든 블록 테마 페이지보다 나은 성능을 낼 수 있습니다. 레이아웃 도구는 호스트, 이미지, 글꼴, 설치한 다른 플러그인 11개 등과 함께 고려해야 할 여러 요소 중 하나일 뿐입니다. 구성 요소가 적은 편이 좋은 이유는 벤치마크 스크린샷과 아무 관련이 없습니다. 다른 곳에 신경 쓰고 있을 때 문제가 생길 가능성이 그만큼 적기 때문입니다.

Canvas의 성능 측정 방식

개발자를 위한 블록 테마로서의 Canvas

상대 쪽에서 좋은 점을 하나도 찾지 못하는 비교는 광고입니다. 여기서는 오늘날 페이지 빌더가 실제로 앞서 있는 부분을 짚어 봅니다.

• 자유로운 배치. 요소를 원하는 곳에 끌어다 놓고 1픽셀씩 미세하게 조정하는 작업은 성숙한 빌더에서 여전히 더 매끄럽습니다. 블록 에디터는 절대 위치 지정보다 구조를 우선하는데, 이는 팀에게는 더 낫지만 일회성 히어로 섹션에는 덜 적합합니다.
• 생태계의 깊이. 대형 빌더들은 수년간 쌓아온 서드파티 애드온, 마켓플레이스, 연동 기능을 갖추고 있습니다. 워크플로가 특정 애드온에 의존한다면, 옮기기 전에 동등한 블록이 있는지 확인하세요.
• 팀이 이미 익숙합니다. 여러분의 팀, 고객, 또는 금요일마다 함께 일하는 프리랜서가 5년 동안 하나의 빌더에 익숙해졌다면, 그 숙련도는 실질적인 가치가 있습니다. 재교육에는 비용이 들며, 그 비용은 다음 프로젝트에 그대로 부담으로 돌아옵니다.
• 모든 곳에서 기기별 제어 가능. 일부 빌더는 거의 모든 속성에 대해 휴대폰과 태블릿 값을 제공합니다. Core는 이보다 더 선별적이어서, 빌더에 있던 컨트롤이 없을 때 사용자 지정 CSS 필드를 가끔 사용하게 됩니다.
• 모든 것을 하나의 제품으로. 팝업, 양식, 테마 빌더까지 함께 제공하는 빌더는 공급업체와 지원 창구가 하나로 정리된다는 의미입니다. Canvas도 같은 구성 요소를 직접 제공하는 방식으로 이 문제에 답하지만, 이 주장은 기본 블록 테마와 비교하면 타당합니다.
• 인터페이스의 안정성. 블록 편집기는 WordPress 릴리스마다 바뀝니다. 빌더는 제공업체가 결정할 때 바뀝니다. 인터페이스가 계속 바뀌어 고객에게 지장을 준다면, 그것은 중요한 문제입니다.

이것들은 블록 테마를 피해야 할 이유가 아닙니다. 눈을 크게 뜨고 결정해야 한다는 이유이며, 한쪽 열만 더 좋아 보이게 만드는 비교표를 경계해야 한다는 이유입니다.

이 다섯 가지 질문에 솔직하게 답하시면, 대개 결정은 저절로 내려집니다.

• 2년 후 이 사이트는 누가 편집할까요? 고객, 인턴, 또는 누구인지 특정되지 않은 사람이라면, WordPress에 기본으로 탑재된 편집기를 가장 쉽게 알아볼 가능성이 큽니다.
• 관리하는 웹사이트는 몇 개인가요? 개인 웹사이트 하나는 추가 장치를 얼마든지 감당할 수 있습니다. 고객 웹사이트 스무 개는 그렇지 않으며, 추가되는 계층 하나하나가 언젠가 접수될 지원 티켓이 됩니다.
• 디자인이 독특한가요, 일반적인가요? 일반적인 페이지 구조는 블록, 패턴, 템플릿이 가장 잘 처리하는 영역입니다. 레이어가 많고 아트 디렉션을 거친 일회성 디자인은 여전히 빌더에서 더 빠를 수 있습니다.
• 이탈 계획은 무엇인가요? 답이 “이탈 계획은 없습니다”라면, WordPress가 직접 읽는 형식을 선택하세요.
• 실제로 무엇에 비용을 지불하고 계신가요? 테마, 빌더, 양식 플러그인, 팝업 플러그인, 슬라이더 플러그인과 각각의 갱신 비용을 합산해서, 이 모든 기능을 포함한 제품 하나와 비교해 보세요.

이미 후보에 오른 빌더가 있다면, 저희 비교 글 두 편에서 이 질문들을 특정 제품에 적용해 다룹니다: Elementor 대안으로서의 Canvas(플랜별 비교)와 편집, 락인, 라이선스가 만료될 때 Canvas와 Divi가 어떻게 다른지. 두 글 모두 출처와 수치를 확인한 날짜를 함께 표시합니다.

Canvas는 이 목록에 대한 블록 테마의 답입니다. 이미 사용 중인 블록 삽입기에 블록 209개, 패턴 183개, 템플릿 173개가 있으며, 헤더 및 푸터 빌더, 폼, 그리고 시작점으로 쓸 수 있는 완성형 데모 웹사이트 88개도 제공합니다. 차이를 글로 읽기보다 직접 보고 싶다면 데모 하나를 열고 페이지를 클릭해 보세요.