Gutenberg 대 WordPress 페이지 빌더: 서로를 구분하는 주요 차이점

지난 1년여 동안 WordPress 5.0이 출시된 직후 구텐베르크의 미래 전망과 이것이 WordPress의 일반적인 기존 페이지 빌더에 대항하는 방법에 대한 끝없는 논쟁이 있었습니다. 1년 반이 지난 지금도 논쟁은 계속되고 있다. 더 많은 사람들이 워드프레스 5.0으로 업그레이드함에 따라 구텐베르그가 페이지 구축의 세계에 혁명적인 변화를 가져올 수 있는지에 대한 질문을 하고 있습니다. Elementor, Divi 및 Beaver Builder와 같은 기존 드래그 앤 드롭 빌더를 이상적으로 대체할 수 있습니까?

2017년 6월 출시 이후 Matt Mullenweg는 Gutenberg를 WordPress의 궁극적인 기본 블록 편집기로 소개했습니다. 그리고 그 이후로 사용 경험은 전 세계적으로 호불호가 완벽하게 균형을 이루며 엇갈린 반응을 얻었습니다.

구텐베르크는 처음 시작했을 때 블록이 응답하지 않거나 기능이 제한되어 기능이 느려지는 등의 문제가 많았습니다. 하지만 최신 버전의 워드프레스 5.4인 구텐베르크를 고려하면 현재로서는 빠른 반응형 블록 편집 메커니즘을 갖춘 강력한 도구로 보입니다.

그러나 이제 진짜 질문은 다른 프리미엄 페이지 빌더 플러그인의 무료 버전에 대해 여전히 기회가 있습니까? 아니면 두 플러그인을 구별하는 주요 차이점이 있습니까? 글쎄, 그러한 비교 쿼리는 지금과 영원히 불가피합니다.

그래서 여기 이 포스트에서 우리는 구텐베르크와 워드프레스 페이지 빌더의 몇 가지 기본적인 차이점에 대해 설명하려고 노력했습니다. 따라서 두 페이지 빌더 사이의 적합성을 이해하는 데 혼란이 오면 올바른 선택을 할 수 있습니다. 당신에게 더 적합한 것.

구텐베르크 대 워드프레스 페이지 빌더: 주요 차이점

아마도 지금 여러분 중 일부는 실제 차이점도 모르는 상태에서 웹사이트에서 이미 Gutenberg와 WordPress 페이지 빌더를 모두 사용하고 있을 것입니다. 따라서 웹 사이트를 잘 구성하는 데 도움이 되는 이러한 마법 도구를 사용하는 실제 목적을 알지 못할 수 있습니다. 따라서 해당 범주의 사람들은 아래의 차이점 비교가 흥미롭다는 것을 확실히 알게 될 것입니다.

여기에서는 기본적인 장점, 단점, 권장 사항 등의 측면에서 각 도구를 비교했습니다. 시작하겠습니다.

Gutenberg와 WordPress 페이지 빌더의 주요 제품 비교

다음과 같은 기준에 따라 도구를 분석해 보겠습니다.

블록 및 위젯

단순 콘텐츠 편집 블록은 구텐베르그가 주로 구성하는 블록이며 이것이 대부분의 사람들이 블록 및 기능의 기능에 변형이 부족하다고 불평하는 이유입니다. 많은 Gutenberg의 기본 블록은 일상적인 콘텐츠 요소를 구성하는 데 충분할 수 있지만 보다 중요하거나 세부적인 디자인의 경우 이것으로 충분하지 않을 수 있습니다. 그러나 최신 업데이트로 기둥 블록은 이제 더 유연해졌지만 블록 설계 옵션의 결점을 덮지는 않습니다.

반면 WordPress 페이지 빌더에는 다양한 블록, 위젯, 추가 기능 등이 있습니다. 이를 통해 사용자는 원하는 페이지를 상상에 가깝게 만들 수 있습니다. 또한 사용자는 슬라이더, 회전 목마, 나란히 비교, 표, 클릭 유도문안 버튼 등과 같은 다른 고급 요소를 사용할 수 있습니다.

편집 옵션

페이지 콘텐츠 편집과 관련하여 Gutenberg는 주로 사용자를 위한 백엔드 블록 기반 편집기로 작동합니다. 프론트 엔드 편집 옵션을 활성화하려고 했지만 여전히 페이지가 프론트 엔드에서 정확히 어떻게 보일지 사용자에게 제공하지 못합니다.

백엔드의 편집기 패널에서 메뉴 및 기타 설정 옵션을 숨길 때 프론트엔드에서 보기에 대한 공정한 아이디어를 제공하지만. 그러나 이것은 여전히 ​​편집 중인 웹 페이지나 게시물의 실제 그림이 아닙니다. 미리보기를 해보면 페이지가 게시되거나 게시된 후 콘텐츠가 어떻게 보일지 정확히 알 수 있습니다.

Elementor와 같은 WordPress 페이지 빌더에는 드래그 앤 드롭 페이지 작성 기능과 함께 라이브 편집 기능이 제공됩니다. 이는 위젯 및 기타 편집 가능한 기능을 이동할 수 있는 기능과 함께 실시간으로 페이지의 모든 변경 사항을 볼 수 있음을 의미합니다.

모든 조정은 해당 페이지를 떠나거나 저장할 필요 없이 눈앞에서 실시간으로 변경되는 것처럼 보입니다. 이렇게 하면 위치 또는 콘텐츠 사용자 지정에 필요한 수정을 올바르게 수행할 수 있으므로 편집이 정말 쉬워집니다.

테마, 확장 및 호환성

구텐베르크를 사용하는 동안 단순히 WordPress 테마를 변경 또는 조정하거나 확장 기능을 추가하여 사용성을 향상시킬 수 없습니다. 사용자 경험 전반에 걸쳐 대부분 동일하게 유지되고 유휴 상태입니다.

Gutenberg로 작업하는 동안 테마의 스타일은 동일하게 유지되지만 해당 블록에 추가할 수 있는 CSS 및 사용자 정의 CSS의 양이 제한되어 있습니다. 변경하거나 가지고 놀 수 있는 옵션이 많지 않기 때문에 많은 사용자에게 때때로 매우 지루할 수 있습니다.

그러나 Page Builder를 사용하는 경우에는 그렇지 않습니다. 페이지 구축의 성능과 유용성을 향상시키기 위해 기본 테마에 여러 인기 있는 애드온이나 확장을 자유롭게 사용할 수 있습니다.

더 본질적으로 대부분은 완벽하게 호환되며 원래 성능과 타협하지 않습니다. 또한 테마의 스타일과 설정을 눈에 띄게 변경하고 업데이트할 수도 있습니다. 따라서 사용자 정의 페이지 레이아웃을 생성하려는 경우 광범위한 기능이 사용자에게 매우 유용합니다.

페이지 서식 및 콘텐츠 디자인

제한된 페이지 형식 옵션은 출시 당시부터 Gutenberg의 단점이었습니다. 열 너비의 백분율을 추가하는 것이 가능하지만 블록의 사용자 정의 너비를 추가하는 것을 허용하지 않습니다. 게다가 디자인 옵션도 그렇게 혁신적이지 않습니다. 기존의 구조나 색상에서 벗어나 다른 것으로 전환하려면 상당한 작업이 필요합니다.

그러나 콘텐츠의 구성과 디자인에 관해서는 WordPress Page Builders가 항상 Gutenberg에 비해 한 발 앞서 있었습니다. 페이지 형식을 지정하거나 디자인하는 것이 놀랍도록 쉽고 빠르며 번거롭지 않습니다.

사용자 친화적인 인터페이스를 통해 사용자는 크기 조정, 색상, 글꼴, 사용자 지정 위치 지정, 요소 변환, 패딩과 같은 모든 종류의 페이지 조정을 그 어느 때보다 간단하게 수행할 수 있습니다. 디자인하고 있는 페이지가 무거우면 약간 지연될 수 있는 것도 사실입니다.

반응성 및 성능

요즘은 현대 기술의 발달로 대부분의 플러그인이 반응형 디자인으로 만들어집니다. 모든 플랫폼에서 성능 벤치마크를 보장하기 위해 모든 종류의 플랫폼에서 테스트합니다. 따라서 이 경우 구텐베르그도 다르지 않습니다. 다양한 디바이스에서 성능과 응답성을 테스트하고 이를 기반으로 디자인 설정을 조정했습니다.

가벼운 도구이기 때문에 Gutenberg는 지금까지 어떤 종류의 속도 저하나 성능 지연도 보이지 않았습니다. 그러나 더 많은 사람들이 모바일 장치를 사용하여 웹 사이트에 액세스하기 때문에 유사한 응답성을 유지하는 것이 어려워졌습니다. 그리고 현재의 디자인은 매우 단순하고 기본적이기 때문에 일부 부분에서 반응형 디자인 옵션이 부족합니다.

반면에 페이지 빌더는 응답성과 성능을 유지하기 위해 유사한 설정이 필요합니다. 그러나 대부분의 경우 응답성은 페이지 및 콘텐츠의 크기에 따라 다릅니다. WooCommerce Store를 위해 Gutenberg와 WordPress Page Builder 간의 성능 비교 테스트를 수행했습니다.

WooCommerce 플러그인이 활성화되었고 모든 사이트에서 동일한 제품으로 상점이 설정되었습니다. WooCommerce 사이트의 요청은 둘 사이에 유사했지만 Gutenberg의 페이지 로딩 시간은 모든 페이지 빌더에 비해 빨랐습니다. 그리고 이것은 단일 공급업체 WooCommerce 사이트 위에 있는 다중 공급업체 마켓플레이스와 같은 다양한 플러그인에 따라 매우 다를 수 있습니다.

주요 발견 및 관찰

위의 비교를 분석한 후 두 도구의 가장 중요한 차이점은 그것을 보는 방식의 차이라고 말할 수 있습니다. Gutenberg는 블로그 게시물 및 페이지 콘텐츠 편집기로 자신을 소개함으로써 단순히 존재감을 느끼게 했습니다.

그리고 사전 지식이 없어도 WordPress 사용자라면 누구나 쉽게 사용할 수 있습니다. 이것은 대부분의 사람들이 복잡하지 않고 사용자 친화적 인 웹 페이지 구축 플랫폼을 찾고 있기 때문에 장기적으로 유리하게 작동합니다.

다른 한편으로 WordPress, 페이지 빌더는 더 큰 비전과 다용도로 페이지를 만들고자 하는 사용자를 위해 만들어졌습니다. 애드온의 형태로 여러 가지 광범위한 기능과 페이지 내 기능을 추가하려는 사용자를 위한 것입니다. 사용성을 높이고 선택할 수 있는 충분한 디자인 선택권을 제공하는 방대한 수의 위젯과 블록은 말할 것도 없습니다.

어떤 것을 선택해야 하며 왜 선택해야 할까요?

이제 위의 Gutenberg 및 WordPress Page Builders에 대한 세부 정보에서 이 두 도구를 다양하게 유용하게 사용할 수 있음이 분명합니다. 따라서 사용자는 웹 사이트에서 사용하는 동안 어떤 것이 어떤 목적으로 더 나은지 이해하는 것이 필수적입니다. 따라서 사용자가 이러한 도구 중 하나를 선택하거나 사용하는 것이 이상적인 위치를 알아보겠습니다.

위 표의 비교와 귀하의 작업 스타일을 기반으로 귀하의 웹사이트에 어떤 것이 더 적합한지 쉽게 결정할 수 있습니다.

전투가 계속됩니까, 아니면 여기서 끝입니까?

글쎄요, 이 매혹적인 도구들 각각의 현재 전망과 재건을 살펴보면, 논쟁은 아마도 한동안 계속될 것입니다. 현재로서는 필요에 따라 이와 관련하여 의견이 다를 수 있지만 실제로는 두 도구 모두 개선의 여지가 있습니다.

그리고 솔직히 말해서 Elementor, Divi, Beaver 빌더와 같은 WordPress 페이지 빌더는 사용자의 페이지 빌드 요구 사항을 충족하는 측면에서 디자인 친화적이며 유연하다고 말할 수 있습니다.

그러나 이것이 구텐베르크가 워드프레스를 위한 현대의 페이지 빌더와 경쟁할 기회가 없다는 것을 의미하지는 않습니다. 실제로 WordPress 콘텐츠 레이아웃을 위한 경량 블록 편집 도구를 원하는 사용자의 경우 Gutenberg가 모든 사용자를 위한 자동 선택이 됩니다.

그러나 Elementor와 같은 페이지 빌더가 제공하는 종류의 제어를 제공하지 않는 것도 사실입니다. Happy Addons, Essential addons 등과 같은 확장된 추가 기능은 말할 것도 없고 Elementor를 통해 사용자가 페이지 작성 경험을 향상시키기 위해 사용할 수 있습니다. 그러나 그 모든 것을 말하면서 나에게 묻는다면 일상적인 사용을 위해 Gutenberg는 미래를 위한 개선을 위한 몇 가지 옵션을 확실히 제공함으로써 작업을 완료합니다.