구텐베르크 대 워드프레스 페이지 빌더: 7가지 주요 차이점!
게시 됨: 2021-12-21
블록 편집기(Gutenberg)가 출시된 후 사람들이 가장 많이 묻는 질문 중 하나는 다음과 같습니다.
블록 편집기가 페이지 빌더를 대체할 예정입니까?
WordPress는 완전히 새로운 블록 편집기로 도약했으며 편집기가 작동하던 방식을 완전히 바꿨습니다.
새 편집기는 더 고급입니다. 그리고 더 많은 기능이 정기적으로 추가되고 있습니다. WordPress가 향하고 있는 미래이기도 합니다.
그러나 이것이 페이지 빌더가 결국 영향력을 잃게 된다는 것을 의미합니까? 모두가 페이지 빌더를 버리고 블록 편집기(Gutenberg)를 사용하기 시작할까요?
글쎄요, 답을 찾기 위해 자세히 살펴보겠습니다.
이 게시물에서 저는 블록 편집기와 페이지 빌더의 세부 사항과 이들이 어떻게 서로 대립하는지 다룰 것입니다.
- 구텐베르크(Block Editor)란 무엇입니까?
- 페이지 빌더란 무엇입니까?
- 구텐베르크 대 페이지 빌더: 주요 차이점
- 1. 백엔드 및 프론트엔드 편집
- 2. 드래그 앤 드롭 기능
- 3. 스타일링 옵션
- 4. 레이아웃 기능
- 5. 테마 스타일 호환성
- 6. 블록 및 위젯
- 7. 타사 추가 기능
- 블록 편집기가 페이지 빌더를 대체할 예정입니까?
- 어느 것을 사용해야 합니까?
- Gutenberg와 함께 사용하기에 가장 좋은 페이지 빌더는 무엇입니까?
- 결론
이 게시물이 끝나면 블록 편집기와 페이지 빌더의 가장 큰 차이점을 알게 될 것입니다.
시작하자.
이전에는 WordPress 편집기를 Classic 편집기라고 했습니다. 모든 내용이 들어가는 텍스트 영역이 있는 간단한 편집기였습니다.
텍스트, 미디어 및 기타 항목을 추가할 수 있는 워드 프로세서와 매우 유사합니다.
TinyMCE 에디터는 디자인 자유도가 매우 제한적이었고 사람들이 자신의 게시물이나 페이지 디자인을 수정할 수 없었습니다.
새로운 Gutenberg 편집기는 기존 편집기와 완전히 다르게 작동합니다. 콘텐츠에 텍스트 영역을 사용하는 대신 WordPress는 블록 개념을 도입했습니다.
이것이 의미하는 바는 게시물에 추가하는 모든 것이 블록 형태라는 것입니다. 이미지, 비디오, 텍스트 또는 버튼이든 블록처럼 작동합니다.
이를 통해 사용자는 다양한 블록을 만들고 원하는 방식으로 사용자 지정할 수 있습니다.
적게 표시그들은 자신의 스타일을 만들거나 완전히 새로운 레이아웃을 만들 수 없었습니다.
그것이 바로 페이지 빌더가 만들어진 이유입니다. 처음에 페이지 빌더는 사용자가 콘텐츠를 쉽게 만들고 원하는 방식으로 사용자 지정할 수 있도록 만들어졌습니다.
더 나아가 페이지 빌더는 단순한 사용자 정의 이상으로 발전했습니다.
오늘날 페이지 빌더를 사용하면 코드를 작성하지 않고도 전체 웹사이트를 디자인할 수 있습니다.
페이지 빌더를 사용하면 깨끗한 상태로 시작하여 완전히 처음부터 페이지를 디자인할 수 있습니다. 페이지 빌더는 디자인에 도움이 되는 다양한 위젯 또는 요소와 함께 제공됩니다.
오늘날 Elementor, Divi Builder, Thrive Architect 등과 같은 훌륭한 페이지 빌더가 많이 있습니다.
적게 표시구텐베르크 대 페이지 빌더: 주요 차이점
따라서 우리는 블록 편집기와 페이지 빌더가 어떻게 작동하는지 알고 있습니다. 서로 꽤 닮은 것 같습니다.
하지만 그렇지 않습니다.
블록 편집기와 페이지 빌더 사이에는 쉽게 알아차리지 못할 몇 가지 매우 큰 차이점이 있습니다.
이 둘의 주요 차이점은 다음과 같습니다.
1. 백엔드 및 프론트엔드 편집
블록과 페이지 빌더의 가장 큰 차이점은 백엔드와 프론트엔드 편집입니다.
Gutenberg에는 프론트 엔드 편집 기능이 없습니다. 구텐베르크 편집기의 백엔드 편집은 거의 프론트엔드 편집과 유사하지만 정확한 디자인을 보려면 미리보기를 클릭해야 합니다.
반면에 많은 페이지 빌더는 꽤 오랫동안 프론트엔드 편집 기능을 가지고 있습니다.
프론트 엔드 편집은 변경 사항을 볼 수 있으므로 더 좋습니다. 예를 들어 – Elementor에서는 페이지에 대한 모든 변경 사항을 즉시 볼 수 있습니다.
이것은 전체 프로세스를 더 빠르게 만듭니다.
2. 드래그 앤 드롭 기능
원하는 위치에 요소를 끌어다 놓는 것은 정말 간단하며 콘텐츠를 만드는 전체 프로세스를 쉽게 만듭니다.
Gutenberg와 페이지 빌더 모두 끌어서 놓기 기능이 있습니다.
구텐베르크에서는 블록을 추가하고 원하는 곳으로 드래그할 수 있습니다.
위젯/요소를 추가하고 드래그하여 원하는 위치에 배치할 수 있으므로 페이지 빌더도 마찬가지입니다.
그러나 페이지 빌더는 끌어서 놓기 기능 측면에서 구텐베르그와 비교할 때 한 단계 앞서 있습니다.
이유는 다음과 같습니다.
Gutenberg에서는 블록을 다른 위치로 끌어다 놓을 수만 있습니다.
반면에 페이지 빌더를 사용하면 요소의 크기를 조정하고 너비와 높이를 조정하거나 복잡한 레이아웃을 만드는 것과 같은 더 많은 작업을 수행할 수 있습니다.
따라서 정의상 Gutenberg는 끌어서 놓기 편집기이지만 페이지 빌더와 비교할 때 많은 기능이 부족합니다.
3. 스타일링 옵션
다양한 페이지 빌더에 비해 블록에디터가 가장 부족한 부분입니다.
WordPress는 Gutenberg에서 다양한 블록을 제공하며 이러한 블록에 대한 스타일 지정 및 사용자 지정 옵션도 제공합니다.
그러나 페이지 빌더만큼 좋지는 않습니다.
페이지 빌더를 사용하여 개별 위젯, 열, 전체 페이지 등을 사용자 정의할 수 있습니다.
또한 이러한 사용자 정의는 색상 변경, 그림자 추가 등과 같은 기본이 아닙니다.
페이지 빌더는 완전한 사용자 정의 옵션을 제공하여 디자인 중인 항목을 완전히 제어할 수 있습니다.
페이지 빌더는 배경색 변경, 그라디언트 사용, 사용자 정의 아이콘 선택, 글꼴 선택 등과 같은 다양한 스타일 옵션을 제공합니다.
또한 페이지 빌더마다 다르고 때로는 고유한 스타일 옵션을 제공합니다.
4. 레이아웃 기능
Gutenberg로 게시물/페이지를 만들 때마다 테마 레이아웃 내에서 제약을 받습니다.
구텐베르크에서는 원하는 대로 콘텐츠를 사용자 지정할 수 있습니다. 그러나 페이지의 핵심 레이아웃은 동일하게 유지됩니다.
핵심 레이아웃이란 머리글, 바닥글, 사이드바 및 페이지의 전체 모양을 의미합니다.
페이지 빌더는 그렇지 않습니다.
테마 레이아웃에서 벗어나 창의적이고 독특한 페이지를 만들 수 있습니다.
페이지 빌더를 사용하여 자신만의 머리글, 바닥글, 콘텐츠 레이아웃을 만들 수 있습니다.
더 많은 유연성을 제공하여 완전한 제어로 페이지를 진정으로 구축할 수 있습니다.
간단히 말해서 Gutenberg는 해당 블록에만 스타일 및 사용자 정의를 제공합니다. 블록을 전체 너비로 만들고 열을 추가하는 등의 작업을 수행할 수 있습니다.
그러나 페이지 빌더와 같이 유연한 레이아웃을 만들 수는 없습니다.
5. 테마 스타일 호환성
이전 요점에서 언급했듯이 Gutenberg는 테마의 스타일을 사용하며 이러한 스타일을 무시하지 않습니다.
사용자 정의 CSS를 사용하여 블록을 사용자 정의할 수 있지만 페이지의 전체 모양은 테마와 동일합니다.
추천 자료: 29가지 최고의 무료 구텐베르크 테마(손으로 고른)
그러나 페이지 빌더를 사용하면 테마에 의존하지 않는 레이아웃을 만들 수 있으므로 테마에 의존할 필요가 없습니다.
예를 들어 -
페이지 빌더인 Elementor에서는 테마에 의존하지 않고 전체 페이지를 인수하여 원하는 방식으로 디자인할 수 있습니다.
예, 여전히 WordPress 테마가 설치되어 있어야 하지만 페이지 스타일을 재정의하지 않습니다.
6. 블록 및 위젯
Gutenberg에는 콘텐츠를 쉽게 만들 수 있는 수십 개의 블록이 있습니다. 이 블록은 저장하고 다른 웹사이트에서도 사용할 수 있습니다.
Gutenberg의 출시와 함께 많은 개발자가 자체 블록을 만들어 몇 가지 훌륭한 Gutenberg 블록 플러그인을 탄생시켰습니다.
마찬가지로 페이지 빌더에는 많은 위젯이 함께 제공됩니다. 이러한 위젯은 훨씬 더 고급이며 사용 중인 페이지 빌더에 따라 다릅니다.
또한 많은 인기 있는 페이지 빌더는 개발자가 자신의 위젯을 생성하여 다양한 페이지 빌더 플러그인 및 추가 기능을 생성할 수 있도록 합니다.
7. 타사 추가 기능
타사 애드온에 대해 말하자면 Gutenberg와 페이지 빌더 모두 훌륭한 애드온 플러그인을 공평하게 공유하고 있습니다.
Gutenberg를 사용하면 멋진 Gutenberg 블록 플러그인을 구축하는 많은 개발자가 있습니다. 또한 Ultimate Blocks라고 하는 자체 Gutenberg 블록 플러그인을 개발했습니다.
페이지 빌더와 관련하여 많은 인기 있는 페이지 빌더에는 개발자가 타사 추가 기능을 빌드할 수 있는 API가 있습니다.
수백 개의 애드온이 있는 가장 인기 있는 두 페이지 빌더는 Elementor와 Divi Page Builder입니다.
다른 페이지 빌더에도 추가 기능이 있지만 품질은 페이지 빌더의 인기도에 따라 다릅니다.
페이지 빌더의 인기가 높을수록 사용자 지정 추가 기능을 빌드하는 개발자 커뮤니티가 더 강력해집니다.
블록 편집기가 페이지 빌더를 대체할 예정입니까?
가장 기다려온 질문에 답해 보겠습니다.
구텐베르크가 페이지 빌더를 대체할 예정입니까?
내 대답은 다음과 같습니다.
현재 형태의 블록 편집기는 페이지 빌더를 대체할 수 없습니다.
페이지 빌더는 훨씬 더 강력하고 웹사이트에서 거의 모든 작업을 수행할 수 있는 기능을 제공합니다.
구텐베르크는 공식적으로 출시되었지만 아직 초기 단계에 있습니다. 구텐베르크 로드맵을 보면 WordPress가 새 편집기를 더욱 강력하게 만들 계획이 분명히 있음을 알 수 있습니다. 그러나 Gutenberg가 페이지 빌더를 인수할 것 같지는 않습니다.
간단히 말해서 Gutenberg와 Page Builder는 서로 다른 두 가지입니다. Gutenberg를 사용하면 아름다운 콘텐츠를 쉽게 만들 수 있고 페이지 빌더를 사용하면 디자인을 더 쉽게 만들 수 있습니다.
어느 것을 사용해야 합니까?
그것은 당신이 무엇을 할 것인지에 전적으로 달려 있습니다.
더 멋지고 아름다운 콘텐츠를 만들고 싶다면 블록에디터가 적합합니다.
그러나 랜딩 페이지나 사용자 정의 홈페이지를 만들고 싶다면 Page Builder가 올바른 선택입니다.
따라서 둘 다 WordPress 사이트에 중요합니다.
Gutenberg와 함께 사용하기에 가장 좋은 페이지 빌더는 무엇입니까?
Gutenberg와 함께 페이지 빌더를 사용할 계획이라면 다음 사항을 확인해야 합니다.
- Gutenberg와 원활하게 작동하는 페이지 빌더.
- 활성 커뮤니티와 타사 애드온을 구축하는 개발자가 있는 페이지 빌더입니다.
- 정기적으로 업데이트되는 페이지 빌더입니다.
그리고 이러한 모든 요구 사항을 충족하는 페이지 빌더는 Elementor입니다.
페이지를 빠르게 구축할 수 있는 간단한 인터페이스 때문에 Elementor를 강력히 추천합니다.
이 플러그인을 사용하면 구텐베르크 편집기에 Elementor 템플릿이나 블록을 삽입할 수 있습니다.
이 플러그인을 사용하면 고도로 맞춤화된 게시물과 페이지를 만들 수 있습니다. 플러그인에는 300개 이상의 사전 디자인된 블록과 100개 이상의 사전 디자인된 페이지가 있습니다.
결론
그래서, 당신은 그것을 가지고 있습니다.
구텐베르크와 페이지 빌더 간의 궁극적인 비교. 어느 것이 당신에게 적합한지 이제 확실히 알 것입니다.
그래도 콘텐츠 제작을 위해 둘 중 하나를 선택하는 데 질문이나 어려움이 있으면 아래에 자유롭게 의견을 말하십시오.
기꺼이 도와드리겠습니다.
모두를 대체하는 하나의 플러그인.
Ultimate Blocks는 18개 이상의 블록이 있는 무료 Gutenberg Blocks 플러그인입니다.