구텐베르크의 미래와 WordPress 재정의에서의 역할!

최근의 발전을 관찰하고 계시다면 WordPress의 미래가 Gutenberg에 막대한 투자를 하고 있다는 것을 이미 알고 계실 것입니다. 

WordPress 5.9에서는 가장 널리 사용되는 콘텐츠 관리 시스템(CMS)에 기존 편집기를 대체하는 새로운 블록 편집기인 Gutenberg가 도입되었습니다. 이는 WordPress를 콘텐츠 편집기가 아닌 완전한 웹 사이트 빌더로 전환하기 위한 첫 번째 단계였습니다.

Gutenberg는 머리글, 바닥글, 사이드바 및 기타 전역 요소를 포함하여 사이트의 모든 부분에 블록을 사용할 수 있게 해주는 Full Site Editing이라는 새로운 프로젝트의 기초입니다.

모든 것을 고려하면 Gutenberg가 WordPress 개발 과정을 바꾸었음이 분명합니다. 일반 사용자, 웹사이트 개발자, 플러그인 개발자부터 핵심 개발자까지 모두가 여기에 큰 이해관계를 갖고 있습니다.

그렇다면 이러한 변화가 이해관계자들에게 어떤 영향을 미치게 될까요? 아니면 WordPress 개발의 새로운 혁명에 어떻게 반응하고 있나요? 

전반적으로, 구텐베르크의 미래는 무엇이고, 그것이 오늘날 우리가 알고 있는 WordPress 생태계를 어떻게 재편하고 있습니까? 

이 기사에서 우리는 웹사이트를 구텐베르크로 마이그레이션한 개인적인 경험을 통해 이러한 모든 질문을 파악하려고 노력했습니다.

활자 전용 편집기에서 웹사이트 구축 플랫폼으로 전환

WordPress는 더 이상 유형 전용 편집기가 아닙니다. Gutenberg 덕분에 더욱 컴팩트한 웹사이트 구축 플랫폼으로 전환되었습니다.

이전에 WordPress에는 기본적으로 사용자가 간단하고 직접적으로 콘텐츠를 생성하고 편집할 수 있는 클래식 편집기가 있었습니다. 그러나 웹 기술이 발전하고 사용자가 디자인과 레이아웃 측면에서 더 많은 유연성을 요구함에 따라 WordPress는 보다 현대적이고 직관적인 편집 환경의 필요성을 인식했습니다.

Gutenberg 편집기는 더욱 많은 기능을 탑재하고 사용자 친화적인 콘텐츠 제작 경험을 향한 움직임을 보여주었습니다. 결과적으로 WordPress는 더 이상 콘텐츠 관리 시스템(CMS)일 뿐만 아니라 본격적인 웹 사이트 빌더를 통해 사용자는 웹사이트를 더욱 동적이고 대화형으로 디자인하고 구조화할 수 있습니다. 

전반적으로 WordPress는 Gutenberg가 웹 개발 및 디자인의 진화하는 요구에 부응하여 신규 고객과의 관련성을 보장하도록 자리매김했습니다.

Gutenberg는 WYSIWYG 경험을 WordPress 코어에 도입합니다.

WYSIWYG는 “당신이 보는 것은 당신이 얻는 것입니다". 이전에는 타사 페이지 빌더만 WordPress에 이러한 종류의 실시간 미리 보기 편집기를 제공했습니다. 그러나 Gutenberg는 이제 이를 WordPress 코어로 가져왔습니다.

구텐베르크는 실시간 미리보기 사용자가 편집할 때 콘텐츠의 내용. 블록 편집기에서는 변경 사항이 즉시 반영되므로 사용자는 웹 사이트 프런트 엔드에 콘텐츠가 어떻게 표시되는지 정확하게 확인할 수 있습니다. 

이 실시간 미리보기는 WYSIWYG 경험을 기본 WordPress 편집기에 제공하고 편집기와 미리보기 모드 간 전환 필요성을 줄여줍니다. 

더욱이, 블록 편집기는 WordPress에 드래그 앤 드롭 기능을 제공합니다.. 사용자는 간단한 드래그 앤 드롭 인터페이스를 사용하여 블록과 멀티미디어 요소를 쉽게 재정렬할 수 있습니다. 이를 통해 사용자는 웹 사이트의 최종 프레젠테이션을 반영하는 방식으로 콘텐츠의 레이아웃과 구조를 쉽게 시각화할 수 있습니다.

테마 개발자는 테마를 차단하는 데 중점을 둘 것입니다.

Gutenberg 출시 이후 WordPress의 블록 기반 테마 추세가 탄력을 받고 있습니다. 이는 WordPress에 FSE(전체 사이트 편집) 개념을 도입한 것입니다.

전체 사이트 편집 및 블록 기반 테마란 무엇입니까?

전체 사이트 편집 사용자가 구텐베르그 편집기를 사용하여 전체 웹사이트를 디자인할 수 있다는 아이디어로 소개되었습니다. 

이를 통해 사용자는 다음을 수행할 수 있습니다. 블록을 사용하여 웹 사이트 페이지 및 템플릿 만들기. 웹사이트 랜딩 페이지, 템플릿, 헤더, 바닥글, 사이드바를 디자인하고 색상 팔레트와 같은 전역 요소를 설정할 수 있습니다. 기본적으로 이것은 전체 사이트 편집기에서 귀하의 웹사이트에 대한 일종의 "사용자 정의 테마"입니다.

그리고 블록테마는 구텐베르그 블록으로 제작된 WordPress 테마. 모든 공식 WordPress 테마는 블록 테마입니다. 테마 개발자는 기본 테마를 사용하거나 사용자 정의 블록을 구축하여 더 많은 기능을 추가할 수 있습니다. 이제 기본 블록을 사용하거나 사용자 정의 블록을 만들어 테마를 개발할 수 있습니다.

이제 다시 토론으로 돌아가서 테마 개발자는 테마를 차단하는 데 초점을 맞출 것입니까?? 그럴 가능성이 가장 높습니다. 블록 편집기에 집중하는 데에는 여러 가지 이유가 있습니다. 

블록 테마의 장점은 테마 개발자가 기능을 추가하기 위해 테마에 플러그인 배열을 묶을 필요가 없다는 것입니다. 기본 블록과 사용자 정의 블록을 조합하여 블록으로 테마를 쉽게 구축할 수 있습니다.

사용자 입장에서도 편리합니다. 사용자는 요소를 깨뜨리지 않고도 블록 테마를 쉽게 편집할 수 있습니다. 전체 사이트 편집을 통해 웹사이트 소유자는 전체 스타일, 머리글, 바닥글 및 웹사이트 페이지를 쉽게 사용자 정의할 수 있습니다.

따라서 이 모든 것을 요약하면 블록 테마로 전환하는 이유와 가능성은 상당히 높습니다.

Wpmet을 Gutenberg로 옮긴 후의 경험

최근에는 Wpmet 웹사이트를 Gutenberg로 이전했습니다. 웹사이트를 이전하는 것은 사이트의 양과 트래픽을 고려하여 어려운 일이었습니다.

상황을 이해하기 위해 우리는 복잡하게 디자인된 여러 개의 제품 랜딩 페이지, 350개 이상의 블로그 게시물, 20,000개 이상의 사용자 계정 및 수백 개의 추가 페이지를 보유하고 있습니다. 

이 볼륨의 웹 사이트를 이동하는 것은 어려울 뿐만 아니라 취약하기도 했습니다. 이러한 페이지 중 하나라도 문제가 발생하면 당사 웹사이트에 치명적인 결과를 초래할 수 있습니다.

하지만 결과는 매우 인상적입니다!! 

우리는 구텐베르크의 모든 페이지를 성공적으로 복제했습니다. 

👉 디자인은 완전히 동일하게 유지되었습니다.

👉 사용자 계정은 영향을 받지 않았습니다.

👉 웹사이트 트래픽이 떨어지지 않았습니다

그리고 무엇보다 성능 향상이 정말 대단합니다.

구텐베르그로 전환 후 성능이 어떻게 향상되었는지 비교해 보겠습니다.

⚠️ 구텐베르크로 이주하기 전

✅ 구텐베르크로 이주한 후

우리 웹사이트를 Gutenberg로 이전한 주요 목적은 성능을 향상시키는 것이었습니다. 그리고 우리는 성능이 어떻게 향상되었는지에 깊은 인상을 받았습니다. 

그러나 디자인과 기능을 복제하기 위해 맞춤형 블록을 사용했습니다. 기본 구텐베르크 블록에는 아직 많은 고급 기능이 추가되지 않았습니다. 그래서 우리는 웹사이트를 위한 다수의 맞춤형 블록을 개발해야 했습니다.

전반적으로 더 나은 성능과 디자인 유연성으로 인해 Gutenberg로의 전환이 더욱 원활해졌습니다.

구텐베르크의 발전의 미래는 어떻게 될까요?

WordPress의 공동 창립자인 Matt Mullenweg에 따르면 Gutenberg는 WordPress의 미래입니다. 그는 대담하게 다음과 같이 말했습니다.

이것이 계속된다면 Gutenberg는 향후 WordPress 개발에 모든 초점을 맞출 것입니다. 결과적으로 많은 사용자가 웹 사이트에 Gutenberg를 사용할 것입니다.

그러나 구텐베르크가 WordPress 사용자의 주요 편집자가 될까요? 

Matt Mullenweg는 Gutenberg를 통해 WordPress 생태계의 모든 부분을 이전한다고 주장합니다. ~ 안에 그의 말, 플러그인 개발자 플러그인을 WordPress 코어와 쉽게 통합할 수 있습니다. 심지어 핵심 개발자 "역호환성"에 대한 우려를 제거하여 더 많은 자유를 누릴 수 있습니다.

그러나 현장에서 볼 때 구텐베르크는 큰 도전을 안고 있습니다. 페이지 빌더와 경쟁 이미 확립되어 엄청난 인기를 얻고 있는 것입니다.

이러한 페이지 빌더는 지속적인 개발을 통해 수년에 걸쳐 발전해 왔으며 고급 기능으로 사용자에게 서비스를 제공했습니다. 따라서 비교적 새로운 편집자로서 Gutenberg는 고급 페이지 빌더 기능을 추가하기 위해 빠르게 성장해야 했습니다.

가장 중요한 점은 오늘날 페이지 빌더가 충성도가 높은 사용자 기반을 보유하고 있다는 것입니다. WordPress가 이러한 충성도 높은 사용자가 Gutenberg 프로젝트로 이동하도록 동기를 부여하는 방법을 보는 것은 흥미로울 것입니다.