구텐베르크 대 고전 편집기: 전환(또는 유지)해야 하는 29가지 이유

WordPress 세계에서 Gutenberg 대 Classic Editor 논쟁은 강력한 의견 중 하나입니다. 그리고 정당한 이유가 있습니다. 블록 편집기는 사람들이 플랫폼에서 콘텐츠를 만드는 방식을 혁신했습니다. 그러나 단점과 논란이 없는 것은 아닙니다. 그리고 어떤 사람들에게는 새로운 인터페이스를 배울 전망이 매우 매력적이지 않습니다.

Classic Editor에서 Gutenberg로 전환해야 하는지 아니면 기존에 알고 있는 것을 고수해야 하는지 자문하는 사람들 중 한 명일 수 있습니다. 정보에 입각한 결정을 내리는 데 도움이 되도록 이 게시물에서는 두 편집자의 주요 차이점과 기능을 살펴보고 어느 것이 귀하의 웹사이트에 적합한지 조언을 제공합니다. 초보자이든 숙련된 개발자이든 관계없이 끝까지 사용할 편집기를 결정하는 데 필요한 모든 정보를 갖게 됩니다.

구텐베르크 알아보기: 주요 특징 및 기능

구텐베르크와 클래식 편집기의 주요 차이점은 콘텐츠가 구성되는 방식입니다. 하나의 긴 텍스트 영역이 아닌 Gutenberg는 콘텐츠를 블록으로 나눕니다. 텍스트, 이미지, 머리글 또는 위젯 및 테마 부분일 수도 있습니다.

이 설정을 통해 사용자는 복잡한 단축 코드나 HTML 마크업을 사용하지 않고도 콘텐츠를 정렬할 수 있습니다. 모든 것은 페이지에서 직접 사용할 수 있습니다. 또한 블록을 쉽게 재배치할 수 있습니다.

주목해야 할 또 다른 중요한 점은 Gutenberg 블록이 React Javascript 라이브러리에 구축된다는 것입니다. 이를 통해 사용자 정의 및 확장이 가능합니다. 개발자는 React를 사용하여 사용자 정의 블록을 생성하고 필요에 맞게 기존 블록을 수정할 수 있습니다.

클래식 편집기 알아보기: 친숙한 기능 및 인터페이스

검증된 편집기의 편안함과 친숙함을 찾고 있다면 WordPress 클래식 편집기만 있으면 됩니다.

WYSIWYG 인터페이스는 이해하기 쉽고 기본 편집 옵션은 고급 기능이 필요하지 않은 사용자에게 적합합니다. 많은 사용자가 10년 이상 사용하면서 이미 시스템을 잘 알고 있습니다.

Classic Editor의 또 다른 장점은 다양한 플러그인 및 테마와의 호환성입니다. 오랫동안 표준 편집기였기 때문에 이를 염두에 두고 많은 확장 기능이 구축되었습니다.

Gutenberg 편집기로 전환하는 것이 좋은 생각인 10가지 이유

구텐베르크 편집기는 클래식 편집기에 비해 다양한 개선 사항과 개선 사항을 제공합니다. 보다 발전되고 사용자 정의 가능한 편집 경험을 원하는 사용자에게 탁월한 선택입니다. 다음은 Gutenberg 편집기로 전환하는 것이 좋은 이유 9가지입니다.

1. 커스터마이징 강화

구텐베르크는 클래식 편집기보다 더 많은 개인화 가능성을 제공합니다. 사용자 지정 HTML 또는 CSS를 사용하지 않고 각 개별 콘텐츠 블록을 사용자 지정할 수 있는 기회를 제공합니다. 이를 통해 마우스 포인터만으로 독특하고 매력적인 웹 페이지를 만들 수 있습니다.

2. 사용자 친화적인 인터페이스

직관적이고 초보자에게 친숙한 인터페이스를 갖춘 Gutenberg를 사용하면 페이지 콘텐츠를 쉽게 추가하거나 수정할 수 있습니다. 삽입하려는 블록 유형을 선택하려면 왼쪽 상단 모서리에 있는 + 기호를 클릭하기만 하면 됩니다.

3. 다양한 블록 및 레이아웃 시스템

블록에 대해 말하자면, 구텐베르크의 블록 시스템은 역동적이고 유연합니다. 이를 통해 사용자는 덜 소란스럽게 매력적이고 시각적으로 매력적인 콘텐츠를 만들 수 있습니다. 워드 프로세서와 같은 편집 스타일에 제한을 두지 않고 포스트 에디터 내에서 전체 페이지 디자인에 살을 붙일 수 있습니다.

예를 들어 플러그인의 도움 없이 열 및 출판 스타일 레이아웃과 같은 리치 콘텐츠 요소를 생성할 수 있습니다. 또는 몇 분 안에 전체 페이지를 만들 수 있는 블록 패턴을 사용하여 더 나아가십시오.

4. 당신이 보는 것이 당신이 얻는 진정한 경험

구텐베르그 편집기에서 콘텐츠를 만드는 것은 클래식 편집기보다 페이지에서 최종 제품이 어떻게 보이는지에 훨씬 더 부합합니다. 블록의 스타일은 프런트 엔드의 모양과 완전히 일치하며 Gutenberg는 다른 모든 사이트 스타일도 가져옵니다. 결과적으로, 당신이 실제로 보는 것은 당신이 얻는 것과 거의 똑같습니다.

5. 모바일 편집 편의성

Gutenberg에는 모바일 반응형 인터페이스가 있어 이동 중에도 쉽게 콘텐츠를 편집하고 만들 수 있습니다.

6. 고급 미디어 처리

콘텐츠에 이미지와 비디오를 모두 추가하고 관리하는 것이 그 어느 때보다 간단해졌습니다. 블록은 텍스트 앞, 옆 또는 뒤에 정렬하는 기존의 제한 없이 텍스트 주위에 창의적으로 배열할 수 있습니다. 또한 이미지 배경을 설정하고 오버레이 또는 듀오톤과 같은 미디어에 효과를 추가할 수 있습니다.

7. 내장 SEO 최적화

Gutenberg에는 SEO 기능이 내장되어 있어 사용자가 콘텐츠를 검색 엔진에 보다 효율적으로 최적화할 수 있습니다. 예를 들어 이미지에 ALT 태그를 설정하는 것이 더 쉽습니다. 편집기는 또한 검색 엔진 순위에 직접 영향을 미치는 스키마 마크업 및 페이지 속도에 최적화되어 있습니다. 또한 모든 블록은 작은 화면을 수용할 수 있도록 깔끔하게 정렬됩니다.

8. 향상된 성능

Gutenberg의 코드 베이스는 최적화되고 가벼워 페이지 로드 시간이 빠르고 전반적인 성능이 향상됩니다. 특히 10.1에서 업데이트가 이루어진 후 블록 편집기를 Google의 Core Web Vitals와 더 크게 정렬하고 코드 부풀림을 상당히 줄였습니다.

9 . 타사 블록 지원

Gutenberg는 타사 블록 통합을 허용합니다. 이를 통해 사용자는 동일한 인터페이스 내에서 더 많은 기능에 액세스할 수 있습니다. 이를 위한 구텐베르크 블록 플러그인이 많이 있습니다. 편집기 내에서 바로 개별 블록을 설치할 수도 있습니다.

또는 나만의 것을 만들고 방문자를 위한 진정한 맞춤형 경험을 구축할 수 있습니다.

10. 접근성 및 RTL 지원

Gutenberg는 접근성과 RTL(Right-to-Left) 지원을 개선하여 더 포괄적으로 만들었습니다.

구텐베르크 사용의 5가지 단점

Gutenberg 편집기는 훌륭한 기능을 많이 제공하지만 단점도 있습니다. 전환하기 전에 고려해야 할 몇 가지 단점은 다음과 같습니다.

1. 특정 플러그인 및 테마와의 호환성 문제

구텐베르크는 클래식 편집기용으로 개발된 플러그인 및 테마와 호환되지 않을 수 있습니다. 결과적으로 이로 인해 기존 사이트의 레이아웃 및 기능에 문제가 발생할 수 있으며 사용자가 새로운 대안을 찾거나 설정을 변경해야 할 수 있습니다.

2. 학습 곡선

Gutenberg의 사용자 인터페이스는 초보자에게 상당히 위협적일 수 있습니다. 특히 클래식 편집기의 보다 직관적인 접근 방식에 익숙한 사용자에게는 더욱 그렇습니다. Gutenberg의 특징과 기능을 최대한 활용하는 방법을 배우려면 어느 정도 시간이 걸립니다. 이는 전체 사이트 편집이라고도 하는 사이트 편집기의 경우 특히 그렇습니다. 따라서 약간의 추가 노력을 기울일 준비를 하십시오.

3. 기존 콘텐츠와의 제한된 역호환성

구텐베르크는 클래식 편집기를 사용하여 만든 콘텐츠와 완전히 호환되지 않을 수 있습니다. 즉, 현재 자료를 편집하는 데 추가 시간과 노력을 투자해야 할 수도 있습니다.

또한 전환 시 Classic의 일부 서식 및 레이아웃 옵션을 사용할 수 없게 될 수 있습니다.

4. 안정성 및 성능 문제

이 영역에서 많은 개선이 있었지만 Gutenberg는 이전 버전보다 훨씬 더 충돌하기 쉽습니다. 그 이유 중 하나는 특히 오래된 컴퓨터에서 브라우저에 큰 타격을 줄 수 있는 JavaScript를 많이 사용하기 때문입니다.

5 . 특정 블록의 잠재적인 보안 문제

오픈 소스이기 때문에 Gutenberg는 사용자가 블록을 생성하고 제출할 수 있도록 합니다. 그러나 이렇게 하면 테스트되지 않았거나 신뢰할 수 없는 소스에서 잠재적인 보안 위험이 발생할 수 있습니다. 이러한 블록을 사용하는 사람들이 블록의 출처를 염두에 두는 것이 중요합니다. 해커가 이러한 취약점을 악용할 가능성이 있습니다.

클래식 편집기를 고수해야 하는 7가지 이유

구텐베르크가 몇 가지 훌륭한 기능을 제공하지만 많은 워드프레스 사용자는 클래식 편집기를 계속 사용하는 것을 선호합니다. 그 이유는 다음과 같습니다.

1. 친숙한 인터페이스

클래식 편집기는 수년 동안 사용되어 왔습니다. 따라서 익숙한 사용자에게는 친숙한 인터페이스입니다. 어떤 사람들에게는 그것만으로도 그것을 고수하기에 충분한 이유입니다.

2. 특정 플러그인 및 테마와의 호환성

클래식 편집기는 다양한 플러그인과 호환되므로 호환성 문제에 대해 걱정할 필요가 없습니다. 이것은 자신의 웹사이트에 대한 사용자 지정 플러그인에 의존하고 아직 Gutenberg로 업데이트할 준비가 되지 않은 사용자에게 특히 중요할 수 있습니다.

많은 테마가 클래식 편집기에도 최적화되어 있습니다. 따라서 레이아웃이나 기능 문제에 대해 걱정할 필요가 없습니다.

3. 빠른 콘텐츠 제작에 적합

종소리와 휘파람이 적기 때문에 클래식 편집기는 빠르고 더러운 쓰기에 더 적합합니다. 텍스트를 입력하고 이미지를 입력하면 바로 사용할 수 있습니다. 시간이 많이 걸리는 추가 블록별 사용자 지정 단계가 필요하지 않습니다.

4. 안정적이고 잘 테스트됨

클래식 편집기는 오랫동안 WordPress의 엔진이었습니다. 수십만 명의 사용자와 수백만 개의 사이트에 서비스를 제공해 왔습니다. 따라서 모든 문제나 버그가 발견되어 해결되었을 수 있습니다. 이로 인해 예기치 않은 문제가 발생하고 싶지 않은 사용자에게 보다 안정적인 선택이 될 수 있습니다.

5. 기존 콘텐츠와의 역호환성

클래식 편집기는 워드프레스가 항상 가지고 있던 것이므로 구텐베르크보다 기존 콘텐츠와 훨씬 더 호환됩니다. 또한 Gutenberg의 추가 마크업도 함께 제공되지 않습니다.

 <!-- wp:paragraph --> <p>Consectetur adipiscing elit.</p> <!-- /wp:paragraph --> <!-- wp:image {"id":14,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img class="wp-image-14" src="http://localhost/test/wp-content/uploads/2023/03/view-of-the-world-from-space.jpg" alt="" /></figure> <!-- /wp:image --> <!-- wp:paragraph --> <p>Donec semper, orci ut porta semper.</p> <!-- /wp:paragraph --> <!-- wp:heading --> <h2 class="wp-block-heading">Sed lorem leo elementum</h2> <!-- /wp:heading -->

즉, 전환할 때 현재 자료를 편집하는 데 추가 시간과 노력을 들일 필요가 없습니다.

6 . 초보자를 위한 더 쉬운

많은 초보자에게는 클래식 편집기가 구텐베르크보다 훨씬 이해하기 쉽습니다. 보다 간단한 접근 방식이며 사용자가 WordPress 사용 방법을 배우면 덜 위협적일 수 있습니다. 표준 워드 프로세싱 소프트웨어와 거의 유사합니다.

7 . 광범위한 키보드 단축키

클래식 편집기 자체에 실제로 적용되는 한 가지는 제공되는 키보드 단축키의 수입니다. 버튼 몇 개만 누르면 단락을 제목으로 쉽게 바꾸거나 h2를 h3로 변경할 수 있습니다. 주변을 클릭하고 이러한 변경을 수동으로 수행할 필요가 없습니다.

6 클래식 편집기 사용의 단점

클래식 편집기에는 많은 팬이 있지만 문제가 없는 것은 아닙니다. 이를 고수해야 하는 여러 가지 이유가 있지만 몇 가지 단점도 있습니다. 다음은 구텐베르크로의 업그레이드를 고려해야 하는 네 가지 이유입니다.

1. 제한된 디자인 옵션

Gutenberg와 비교할 때 Classic Editor는 다양한 디자인 기능을 제공하지 않습니다. 열, 배경 및 기타 원하는 구성 요소를 추가하기가 더 어렵습니다. 따라서 특히 HTML 및 CSS 지식이 없는 초보자에게는 콘텐츠를 돋보이게 만드는 것이 매우 어려울 수 있습니다.

2. 최종 제품과 그다지 일치하지 않음

TinyMCE 내부의 콘텐츠 모양을 페이지의 모양(즉, 편집기 스타일을 통해)과 더 가깝게 정렬하도록 개선되었지만 둘 사이에는 여전히 큰 차이가 있습니다. 결과적으로 제대로 만들기 위해서는 만들고 있는 것을 훨씬 더 많이 미리 봐야 합니다.

3. 열악한 미디어 취급

클래식 편집기 사용의 또 다른 단점은 미디어 처리 기능입니다. 그다지 사용자 친화적이지 않으며 임베딩을 위한 기본 옵션만 포함합니다. 미디어를 쉽게 추가하고 자유롭게 이동할 수 있을 뿐만 아니라 모양을 크게 구성할 수 있는 Gutenberg와 대조됩니다.

4. 모바일 최적화 부족

클래식 편집기는 모바일 장치에 최적화되어 있지 않습니다. 이로 인해 사용자가 더 작은 장치에서 콘텐츠를 편집하고 생성하기가 더 어려워집니다. 이동 중에 웹 사이트를 업데이트하려는 사람들에게는 단점이 될 수 있습니다.

5. 덜 강력한 편집 기능

보다 미묘하고 시각적으로 매력적인 콘텐츠 생성 방식을 찾고 있다면 클래식 편집기가 최선의 선택이 아닐 수 있습니다. 사용자가 동적인 작업을 만들 수 있게 해주는 핵심 기능이 없습니다. 콘텐츠는 대부분 하나의 큰 블록으로 나타납니다. 또한 편집기는 전체적으로 편집 기능이 적어 페이지나 게시물을 작성할 때 창의성을 제한할 수 있습니다.

6 . 향후 지원 부족

현재 클래식 편집기를 계속 사용하려면 플러그인을 통해서만(또는 ClassicPress를 사용하여) 수행할 수 있습니다. 그리고 플러그인에 대한 지원이 여러 번 확장되었지만 명시적인 목표는 클래식 편집기를 단계적으로 중단하고 대신 Gutenberg에 전적으로 의존하는 것입니다. 따라서 이전 편집기에서 실행되는 사이트 설정이 있는 경우 어느 시점에서 지원을 받지 못할 수 있습니다.

구텐베르크 대 고전 편집기: 전환하시겠습니까?

구텐베르크와 클래식 편집기를 비교할 때 두 편집기 모두 고유한 장점과 단점이 있다는 점에 유의해야 합니다. 또한 다양한 사용자 그룹에 가장 적합합니다. 귀하에게 가장 적합한 선택은 귀하의 경험 수준, 귀하가 만드는 콘텐츠 유형 및 웹사이트의 특정 요구 사항에 따라 달라집니다.

신중한 숙고 끝에 Gutenberg는 사용자에게 많은 사용자 정의 옵션을 부여하는 사용자 친화적인 블록 기반 편집 플랫폼을 제공합니다. 인터페이스는 직관적이며 많은 멀티미디어 제어가 가능합니다. 또한 디자인 구조는 SEO 최적화를 향상시키는 데 도움이 됩니다. 동시에 성능에 영향을 줄 수 있는 플러그인 및 테마와 관련된 일부 호환성 문제가 있을 수 있습니다.

대조적으로, 클래식 편집기는 수년 동안 WordPress와 함께해온 신뢰할 수 있고 잘 알려진 도구입니다. 사용자는 종종 기본 인터페이스 탐색이 본능적이라고 생각합니다. 사용 편의성에도 불구하고 Gutenberg의 뛰어난 디자인 유연성과 고급 편집 기능이 부족합니다. 또한 향후 WordPress에서 계속 지원할 것인지도 명확하지 않습니다.

하루가 끝나면 어떤 WordPress 편집기가 귀하에게 가장 적합한지 결정하는 것은 귀하에게 달려 있습니다. 초보자에게는 이해하고 사용하기 쉬운 클래식 편집기가 더 나은 옵션일 수 있습니다. 그러나 더 많은 디자인 옵션과 강력한 편집 기능이 필요한 사람들에게는 Gutenberg가 더 나은 선택일 가능성이 큽니다.

구텐베르크 대 고전 편집기에서 당신은 어디에 서 있습니까? 조만간 다른 것으로 전환할 예정입니까? 아니면 이미 가지고 있습니까? 아래에서 여러분의 생각을 듣고 싶습니다!