Gutenberg Hub, 방문 페이지 템플릿 디렉토리 출시

Munir Kamal은 복사하여 붙여넣기 블록을 만들었습니다. 그는 그 블록에서 섹션 또는 "패턴"을 만들었습니다. 그는 사용자가 차단 옵션을 통해 두 가지 기능을 완전히 사용자화할 수 있는 플러그인을 만들었습니다. 어제 그는 이전 작업을 기반으로 하는 22개의 랜딩 페이지 템플릿의 초기 제안을 발표했습니다.

구텐베르그 허브는 적어도 그의 경력의 이 단계에서 거의 그의 걸작 이라고 할 수 있습니다. WordPress의 블록 편집기를 위한 지속적으로 성장하는 무료 도구 라이브러리입니다.

이전 프로젝트와 마찬가지로 Gutenberg Hub의 랜딩 템플릿에는 EditorPlus 플러그인이 필요합니다. 이 플러그인은 본질적으로 핵심 WordPress 블록에 대한 디자인 컨트롤 모음입니다. 템플릿은 기본적으로 이러한 옵션을 사용합니다. 블록 편집기의 현재 디자인 컨트롤의 한계를 감안할 때 이러한 플러그인의 사용이 필요합니다. 그렇지 않으면 이와 같은 템플릿 시스템을 현실적으로 생성할 수 있는 다른 방법이 거의 없을 것입니다.

현재 사용자는 편리한 "복사" 버튼을 통해 구텐베르크 허브 웹사이트에서 블록 코드를 복사한 다음 편집기에 붙여넣어야 합니다. 그것은 이상적인 상황이 아니며, 저는 Kamal에게 지금 몇 달 동안 템플릿 삽입기를 구축하는 것을 고려할 것인지 묻고 있습니다.

이번에는 선제적으로 “그런데 이미 EditorPlus 플러그인에 Template Inserter를 추가하는 작업을 하고 있다. 이를 통해 사용자는 웹사이트를 떠나지 않고 구텐베르크에서 직접 이러한 템플릿을 검색하고 삽입할 수 있습니다.”

그는 질문이 올 것을 알고 있었습니다. 다시 물을 필요가 없습니다. 그는 삽입기가 어떻게 생겼는지에 대한 현재 스크린샷을 공유할 수 없었지만 사람들이 사용자 경험과 인터페이스에 대해 기대하는 것에 대한 피드백을 요청하고 있습니다.

"이전에 다른 블록 플러그인과 유사한 템플릿 삽입기를 만들었지만 나중에 마음이 바뀌었고 Gutenberg Patterns API와 통합하고 템플릿을 블록 삽입기의 '패턴' 패널에 로드해야 한다고 생각했습니다."라고 그는 말했습니다. "하지만 몇 가지 문제가 있어서 사용자가 클릭하면 삽입할 수 있는 템플릿을 검색하고 필터링할 수 있는 팝업 창을 여는 상단 도구 모음에 템플릿 버튼을 두는 원래 아이디어로 돌아갈까 생각하고 있습니다."

현재로서는 아직 이른 단계입니다. 그러나 적어도 장기적인 로드맵에 있으며 작업 중입니다.

랜딩 페이지 템플릿

현재 Gutenberg Hub는 22개의 랜딩 페이지 템플릿을 제공합니다. "페이지"라는 용어는 "전체 페이지"를 의미하지 않을 수 있습니다. 단순히 활성 테마에 따라 다릅니다. 일부 테마에는 사용자가 편집기를 통해 전체 페이지를 만들 수 있는 개방형 캔버스 유형의 템플릿이 있습니다. 그러나 이는 일반적인 기능이 아니므로 이러한 페이지 템플릿은 대부분의 경우 게시물 콘텐츠 영역으로 제한됩니다.

템플릿은 또한 전체 너비 또는 사이드바 없음 옵션이 있는 테마에서 더 잘 작동합니다. 최종 사용자는 템플릿을 사용하고 디자인을 수정할 수 있는 충분한 공간을 원할 것입니다.

Kamal은 다양한 산업 분야에 걸쳐 템플릿을 구축했습니다. 레스토랑에서 체육관, 교육, 패션에 이르기까지 지금 선택할 수 있는 것이 많습니다. 그는 더 많은 것이 진행 중이며 앞으로 며칠 안에 최소한 23번째 템플릿이 제공될 것이라고 약속합니다.

"틈새를 위해 나는 최고의 WordPress 및 HTML 마켓플레이스에서 몇 가지 조사를 했고 다음과 같은 가장 일반적이거나 인기 있는 틈새를 찾았습니다."라고 그는 말했습니다. "나는 더 많은 추천을 받지 않는 한 이러한 틈새 시장을 고수할 것이라고 생각합니다."

이에 비해 Redux 템플릿은 1,000개 이상의 섹션 및 템플릿에 대한 액세스를 제공합니다. 물론 일부는 상용이고 플러그인에는 일반적으로 다른 타사 플러그인이 필요한 것과 같은 절충점이 있습니다. 수량만이 볼 수 있는 것은 아니지만 Gutenberg Hub의 템플릿이 아직 탐색하지 않은 수 마일의 풍경이 있음을 증명합니다. 하지만, 이는 시작에 불과합니다.

Gutenberg Hub의 전체 페이지 템플릿은 블록 및 섹션 템플릿만큼 플러그 앤 플레이가 아닙니다. 이것은 개발자 측의 잘못이 아닙니다. 지속적으로 업데이트되고 있는 플랫폼의 문제이자 현재 테마의 지원 범위입니다. 최종 사용자는 레이아웃이 한 테마에서는 제대로 보이지 않지만 다른 테마에서는 제대로 표시될 때 시스템의 현재 제한 사항 중 일부를 보기 시작할 것입니다. 또는 테마가 소셜 링크 블록과 같은 새로운 기능을 지원하도록 업데이트되지 않은 경우 일반적인 수평 메뉴 디자인은 대신 일반 수직 링크 목록이 될 것입니다.

이것들은 극복할 수 없는 문제가 아닙니다. Gutenberg Hub의 랜딩 템플릿과 같은 프로젝트가 완벽하거나 최소한 예상 가능한 만큼 완벽에 가까워지기 전에 Gutenberg와 테마가 성숙하는 데 더 많은 시간이 필요합니다.

Gutenberg Hub가 템플릿으로 개선할 수 있는 몇 가지 사항이 있습니다. 내가 테스트한 몇 가지를 사용하여 특정 블록을 전체 너비로 전환해야 했습니다. 사이트에서 사용할 수 있는 예제 스크린샷에서 전체 너비를 의미하는 템플릿을 사용하여 기본값으로 설정해야 합니다. 사소한 문제이지만 편집기에서 이를 수정하면 템플릿을 사용할 때 발생했던 몇 가지 레이아웃 문제가 수정되었습니다.

수익화 계획

Kamal이 지난 몇 달 동안 완전히 대답할 준비가 되지 않은 두 번째 질문은 그가 Gutenberg Hub에서 어떻게 수익을 창출할 것인가입니다. 결국 개발자는 수많은 무료 도구를 구축할 때 투자 수익이 필요합니다. 많은 사람들이 청구서가 지불되기만 하면 이 모든 것을 무료로 수행할 것이지만, 현실은 프로젝트에 장기간 유지 관리를 위한 자금이 필요한 전환점이 오게 된다는 것입니다.

Kamal은 자금 조달을 위한 토대를 마련했지만 아직 확정된 것은 없다고 말했습니다. 현재 그는 세 가지 아이디어를 구상 중입니다.

• EditorPlus 플러그인의 프로 버전 만들기.
• 프리미엄 템플릿 및 블록을 제공하지만 함께 일할 유능한 디자이너를 찾고 있습니다.
• Gutenberg 사용자에게 특정한 광고를 사용하지만 그는 이 경로나 일반적인 광고를 좋아하지 않습니다.

그는 웹사이트와 프로젝트에서 가장 효과적으로 수익을 창출하는 방법에 대한 피드백을 환영합니다. 그러나 그는 현재와 미래의 무료 템플릿과 도구를 제공하는 데 타협할 의사가 없다고 말했습니다.

미래의 구텐베르크 프로젝트

Kamal은 파이프라인에 새로운 구텐베르크 관련 프로젝트가 없다고 말했습니다. 현재 계획은 어떻게든 함께 작동하는 Gutenberg 도구의 대규모 생태계인 그가 이미 만든 것을 작업하는 것입니다.

그는 블록, 템플릿 및 플러그인 외에도 Gutenberg Hub 블로그에서 더 많은 무료 자습서를 작성하기 시작했으며 초보자를 위한 새로운 자습서 시리즈를 포함하여 프로젝트와 관련된 비디오 제작에 집중하고 있습니다.