Drupal 8용 Gutenberg 콘텐츠 편집기의 라이브 데모 첫 보기

Drupal Europe은 9월 10일부터 14일까지 독일 다름슈타트에서 열리는 행사를 위한 프로그램을 발표했습니다. 이 회의는 1,600명 이상의 Drupal 전문가와 열성팬을 초청하여 162시간의 세션과 9개의 심층 워크숍을 진행합니다.

Automattic은 Open Web Lounge 네트워킹 공간을 후원하고 있으며 Matt Mullenweg는 Dries Buytaert 및 Barb Palser와 함께 오픈 웹 및 오픈 소스의 미래에 대해 토론하는 패널에 참여할 예정입니다.

프로그램에 대한 흥미로운 WordPress 관련 세션 중 하나는 Drupal 8용 Gutenberg 콘텐츠 편집기 소개입니다. 이 새로운 모듈은 WordPress의 Gutenberg 편집기를 Drupal로 이식합니다. Per Andre Rnsen과 노르웨이에 기반을 둔 디지털 서비스 에이전시인 그의 팀 Frontkom이 만들었습니다.

Drupal Gutenberg 프로젝트는 WordPress의 Gutenberg 편집기를 기반으로 한 새로운 출판 경험을 제공하는 것을 목표로 합니다. 사이트의 라이브 데모는 현재 wordpress.org/gutenberg에 있는 WordPress의 "Frontenberg" 데모와 유사하게 Drupal 내부에서 Gutenberg의 프론트엔드 대화식 구현을 제공합니다. 모듈의 최신 구현이 거기에 나타날 것이지만 Rnsen은 지난 몇 주 동안 Gutenberg에서 많은 일이 발생했기 때문에 현재 수정 중이라고 말했습니다.

Drupal Gutenberg 프로젝트의 탄생 과정

Rnsen은 2017년에 Gutenberg를 처음 보았고 Frontkom의 미디어 고객 중 한 명에게 사용하도록 영감을 받았다고 말했습니다.

Rnsen은 "Google Digital News Initiative가 후원하는 첫 페이지 빌더를 만들기 위한 라이브러리로 Gutenberg를 사용하는 방법을 모색하던 2017년 중반에 분기할 생각이 생겼습니다."라고 말했습니다. "우리는 그것을 사용하게 되었고 Drupal 모듈은 자연스럽게 파생된 것입니다."

Frontkom은 미디어 산업을 위해 Gutenberg 기반 페이지 빌더를 맞춤화했습니다. 사용자가 온라인 신문의 첫 페이지에 기사를 배치하고 조정할 수 있는 추가 기능을 Gutenberg에 추가합니다. Rnsen은 프로젝트가 잘 진행되었으며 그의 팀이 소스를 공개할 계획이지만 지금 당장 공유하기에는 너무 이르다고 말했습니다.

고객을 위해 Gutenberg를 사용한 성공적인 경험에 이어 Frontkom은 2018년 1월 초에 Drupal Gutenberg 프로젝트 작업을 시작했습니다.

Rnsen은 "작업의 주요 부분은 Gutenberg를 CMS 불가지론자로 만드는 것이었습니다."라고 말했습니다. “먼저 우리는 그것을 포크하고 포크를 유지했습니다. 나중에 우리는 Gutenberg를 종속성으로 사용하기 시작하여 보다 유지 관리 가능한 접근 방식을 테스트했습니다."

Rnsen은 Gutenberg 팀이 프로젝트를 CMS에 구애받지 않는 구조로 구성하는 것을 고려하도록 요청하여 GitHub에서 티켓을 열었습니다. 티켓은 "프로젝트 및 그 목표와 관련하여 진행 중인 작업과 직접적인 관련이 없다"는 설명과 함께 곧 마감되었습니다.

Rnsen은 "WP의 핵심 관심사는 지금까지 WP 요구 사항을 충족하는 것이었으므로 지금까지 업스트림 커밋이 거의 없었습니다."라고 말했습니다. “그런데 그게 달라졌어요.”

Gutenberg는 WordPress 외부에서 사용하기 쉽게 만드는 방향으로 나아가고 있습니다. 팀은 모든 React 모듈을 npm 패키지로 게시하는 작업을 하고 있습니다. Rnsen은 Gutenberg가 작동하도록 하는 데 필요한 전역 수를 줄이는 것이 다른 CMS에 큰 도움이 될 것으로 기대한다고 말했습니다.

지금까지 Drupal Gutenberg 프로젝트는 널리 공유되지 않았지만 Rnsen은 그의 팀이 Drupal 기술 커뮤니티의 많은 관심을 보았다고 말했습니다.

“더 자세한 내용이 담긴 영어로 된 블로그 게시물이 있습니다. 휴가 이후를 위해 저장했습니다.”라고 Rnsen이 말했습니다. "그런데 폭발했고 개발자들은 계속해서 도움을 요청하고 있습니다."

Frontkom은 Drupal 커뮤니티에 10년 이상 참여해 왔으며 WordPress에는 지난 3년 동안 참여해 왔습니다. Rnsen과 그의 팀은 Gutenberg가 Drupal 공간의 공백을 채운다고 믿습니다.

"Drupal에는 멋진 WordPress 페이지 빌더가 없습니다."라고 그는 말했습니다. "따라서 새로운 편집 후 UI보다 훨씬 더 흥미롭습니다. 우리는 복잡한 레이아웃을 구축할 수 있는 통합된 방법을 원합니다."

Drupal은 이미 React를 사용하여 관리 UI를 개선하기 위한 이니셔티브를 가지고 있으며 Rnsen은 Gutenberg가 Drupal 코어에서 이러한 일이 발생할 수 있는 방법에 기여할 수 있다고 생각한다고 말했습니다. 이상적인 세상에서는 많은 오픈 소스 프로젝트가 CMS에 구애받지 않는 Gutenberg의 이점을 크게 누릴 수 있으며 모두 함께 개선에 기여할 수 있습니다.

Rnsen은 "회사로서 CMS 간에 쉽게 이동할 수 있는 프런트 엔드를 구축하는 것은 매우 흥미로운 일입니다."라고 말했습니다. “일반적으로 오픈 소스 CMS의 경우 구현 프로세스에서 배울 점이 많다고 생각합니다. 예를 들어, D8은 '모든 것이 블록이다'라는 개념을 가지고 있습니다. 덕분에 구텐베르크에서 Drupal 코어 블록을 쉽게 사용할 수 있게 되었습니다. 블록 설정을 노출하기 위해 약간의 마법을 수행하기만 하면 됩니다.”

Frontkom 팀은 Gutenberg 인터페이스의 열광적인 팬일 뿐만 아니라 프로젝트가 실행되는 방식도 높이 평가합니다. Rnsen은 최신 구텐베르크 테스트에 대한 커뮤니티 반응을 따르지 않았지만 "대부분의 페이지 빌더에 문제가 있기 때문에" WordPress 사용자가 장기적으로 이를 좋아할 것이라고 생각한다고 말했습니다.

Rnsen은 "Drupal은 WordPress에서 실제로 Gutenberg 프로젝트를 구축한 방식에서 많은 것을 배울 수 있습니다. 투명한 디자인 프로세스, 많은 협업 및 여전히 매우 효율적입니다."라고 말했습니다. “따라서 WordPress는 관리 UI/JS 작업과 관련하여 Drupal보다 확실히 앞서 있습니다. Drupal 커뮤니티에서 이미 비슷한 일을 하려는 많은 관심이 있기 때문에 누군가가 그것을 겪고 성공하는 것을 보는 것은 매우 상쾌합니다(바라건대).”

Pantheon의 수석 개발자 옹호자인 Steve Persch는 2018년 내슈빌에서 열린 DrupalCon에서 WordPress 5.0으로 가능한 것에 대해 이야기했으며 Twin Cities Drupal Camp에서 "Everything is a Block: WordPress가 WYSIWYG를 어떻게 재작성했는지"라는 주제로 세션을 진행했습니다. Drupal Gutenberg 세션에 대한 Twitter의 소문에 대한 응답으로 Persch는 Drupal이 경쟁력을 유지하기 위해 편집 UX 개선이 필요하지만 반드시 Gutenberg를 채택하는 것은 아니라고 말했습니다.

Persch는 "우리는 이를 위해 진행 중인 이니셔티브를 가지고 있습니다. “구텐베르그 자체가 그 작업에서 주의를 산만하게 만들 수 있습니다. 두 [프레젠테이션] 모두에서 단락 또는 레이아웃 빌더가 구텐베르크와 유사한 기능을 위한 더 나은 데이터 모델 시작점이 될 수 있다고 언급했습니다. WordPress와 똑같은 것을 제공하는 것은 자멸할 것입니다. 구조화된 콘텐츠는 Drupal의 핵심입니다. 저는 Gutenberg(또는 이와 유사한 것)가 Drupal 사이트가 수년 동안 가지고 있었던 데이터 모델(단락 부분)의 모서리에 대한 더 나은 UI라고 봅니다.”

다양한 오픈 소스 커뮤니티가 Gutenberg에 접근하는 방식과 WordPress 외부의 다양한 피드백이 프로젝트에 어떤 영향을 미칠 수 있는지 보는 것은 흥미로울 것입니다.

Drupal Gutenberg 모듈은 프로젝트 페이지에서 다운로드할 수 있습니다. 현재 실험적 모듈로 표시되어 있으며 개발자용으로만 권장됩니다. 프로젝트의 라이브 데모는 Gutenberg의 최신 업데이트를 반영하도록 곧 수정될 것입니다. GitHub에서 프로젝트 개발을 따를 수도 있습니다.