블록 기반 테마에 대한 새로운 과정으로 전체 사이트 편집 준비 시작

전체 사이트 편집이 현실이 되는 데는 반년 밖에 남지 않았습니다. 이 기능은 12월에 출시될 예정인 WordPress 5.6에 포함될 예정입니다. 이 다가오는 변경에 대한 테마 작성자를 준비하기 위해 Carolina Nymark는 적절한 제목의 전체 사이트 편집이라는 새 웹 사이트 및 교육 과정을 만들었습니다.

Nymark는 오랫동안 테마 작성자이자 WordPress 테마 팀의 기고가였습니다. 그녀는 몇 년 동안 팀 리더 또는 대표로 일했으며 더 많은 접근성 지원 테마를 추진하는 리더 중 한 명입니다.

현재 테마 작성자가 직면한 두 가지 주요 장애물이 있습니다. 첫 번째는 전체 사이트 편집이 아직 실험 단계에 있다는 것입니다. 두 번째는 WordPress 테마의 이러한 진화에 대해 자세히 설명하는 문서, 자습서 및 코스가 충분하지 않다는 것입니다. 적어도 후자의 문제에 대해 Nymark는 이에 대해 무언가를 할 수 있는 충분한 경험을 가지고 있으며, 이것이 바로 이 새로운 사업의 모든 것입니다.

COVID-19로 인해 직장을 잃은 후 그녀는 여가 시간을 사용하여 블록 편집기에 다시 기여하고 싶었습니다. "동시에 주변 사람들이 전체 사이트 편집에 대해 질문하기 시작했고 내가 수행한 테스트를 통해 시작하는 방법을 알 수 있었습니다."라고 그녀는 말했습니다. "내가 그것을 공유할 수 있다면 다른 사람들을 위해 프로세스를 쉽게 할 수 있습니다."

테마 팀에서 그녀의 대표 역할은 또한 테마 작성자가 직면하게 될 힘든 싸움에 대한 독특한 통찰력을 제공했습니다. Nymark는 전체 사이트 편집이 임박한 상황에서 긴박감을 느꼈다고 말했습니다. “저는 생태계의 아주 작은 부분만 봅니다. WordPress 테마 디렉토리에 포함되도록 제출된 WordPress 테마. 그러나 내가 본 대부분의 테마는 블록을 활용하지 않습니다.”라고 그녀는 말했습니다. “테마는 블록의 스타일을 지정하지 않으며 편집기는 전면과 일치하지 않습니다. 테마 작성자인 우리는 블록 편집기에 충분히 빨리 적응하지 못했고 이제 6개월 안에 또 다른 큰 변화가 올 것입니다.”

이 과정은 현재 모든 사람에게 무료로 제공됩니다. 그러나 항상 그런 것은 아닙니다. Nymark는 WordPress 커뮤니티 내 사람들의 후원을 구하고 있습니다. 아이디어는 그들이 코스의 지속적인 개발에 자금을 지원할 수 있다는 것입니다. 사용할 수 있는 후원 자금이 ​​충분하지 않으면 유료 과정으로 전환해야 합니다. 그렇게 된다면 일회성 유료 모델로 갈 계획이라고 그녀는 말했다. 전체 사이트 편집이 자주 업데이트되기 때문에 그녀는 고객이 업데이트된 코스 자료에 액세스할 수 있기를 원합니다.

테마 개발에 대한 실무 지식이 있는 개발자가 이 과정의 주요 대상입니다. 누구든지 뛰어들기 전에 WordPress 기능, PHP, HTML 및 CSS를 이해해야 합니다.

코스에는 무엇이 있습니까?

현재 코스는 끝나지 않았습니다. 사이트 편집기가 WordPress에 포함되려면 아직 반년 남았기 때문에 놀라운 일이 아닙니다. 그러나 테마 작성자는 다음 단계를 수행하기 전에 숙지해야 하는 몇 가지 기본 사항을 살펴봅니다. 이 사이트에는 누구나 참여할 수 있는 공개 포럼이 있으며 블록에서 테마를 구축하는 데 대한 토론을 시작할 수 있습니다.

이 과정은 다음 섹션으로 나뉘며 각 섹션에는 고유한 수업이 있습니다.

• 소개
• 블록에 관한 모든 것
• 블록 기반 테마
• 사이트 편집자

대부분의 수업에는 2분에서 5분 사이의 짧은 비디오가 있습니다. Nymark는 읽기를 선호하는 사용자를 위해 비디오의 전체 스크립트를 제공합니다. 비디오 및 스크립트와 함께 일부 수업에는 코드 예제와 같은 다운로드 가능한 자료가 있습니다. 현재 코스의 "All About Blocks" 부분에 대한 퀴즈는 하나뿐입니다.

현재 이 과정은 기본 사항만 다룹니다. 이미 블록 기반 테마에 발을 들인 테마 작성자의 경우 일부 소개 자료가 너무 수준이 낮다고 생각할 수 있습니다. 그러나 그들은 앞으로 더 발전된 주제를 기대해야 합니다. 아직 블록 시스템에 뛰어들지 않은 테마 작성자에게는 지금이 테마 개발의 다음 단계를 따라잡고 준비를 시작할 수 있는 절호의 기회가 될 것입니다.

Nymark는 곧 코스에 더 많은 콘텐츠를 추가할 준비가 되어 있지만 현재로서는 최고 수준을 유지하는 것이 지속적인 과제입니다. “블록에디터가 바뀌는 속도가 빨라서 사용할 수 없는 콘텐츠를 녹음했는데, 그건 예상했던 일”이라고 그녀는 말했다. “가장 큰 걱정은 잘못된 정보를 퍼뜨리고 싶지 않은데, 초기 단계에서는 그게 어렵습니다.”

로드맵에는 WordPress 모임 중에 다른 사람들이 다운로드하여 프레젠테이션에 사용할 수 있는 예제 테마와 슬라이드가 있습니다. 그녀는 또한 테마 작성자가 템플릿에서 사용할 개선된 블록 참조를 생성하는 파서를 구축하고 있습니다.

여행한 길

Nymark와 같은 경험이 있는 사람에게도 학습 곡선이 있습니다. 그녀는 모든 것이 끝나고 완료되었을 때 템플릿 시스템이 어떻게 작동할지 상상하기가 여전히 어렵다고 말했습니다. 상황이 변하기 때문에 그녀가 다른 사람들을 가르치는 과정을 구축하는 것은 교육 과정입니다.

"시작할 때 가장 큰 혼란은 템플릿과 템플릿 부분을 저장하는 방법이었습니다."라고 그녀는 말했습니다. “사이트 에디터에서 템플릿을 편집하여 저장하면 사용자 정의 게시물 형식으로 저장되며 테마에 있는 파일 대신 해당 템플릿이 사용됩니다. 현재는 테마를 변경하면 템플릿에 저장한 블록 구조를 그대로 사용하지만, 새로운 테마로 스타일이 지정됩니다. 이것이 테마 작성자가 블록을 스타일 지정하고 테스트하는 것이 중요한 이유입니다.”

테마, 특히 한 페이지짜리 사이트나 블로그의 경우 테마의 구조는 오늘날 우리가 보는 것보다 훨씬 단순할 것입니다. Nymark는 새로운 시스템이 활발히 개발되고 있지만 여전히 기존 테마에서 쉽게 전환할 수 있을 만큼 친숙하다고 말했습니다. 가장 큰 차이점은 사용자 정의 JavaScript 및 PHP와 관련하여 더 적은 수의 결정을 내리고 디자인에 대한 작업을 더 많이 한다는 것입니다.

그녀는 "이 방법의 단점은 초반에 테마의 변화가 줄어들 것이라고 생각합니다."라고 말했습니다. “새 장난감을 가지고 노는 것에 대한 첫 번째 설렘이 지나고 나면 제한적으로 느껴질 수 있습니다. 블록 패턴이 중요한 역할을 할 것이며 곧 사용할 수 있기를 기대합니다.”

처음으로 전체 사이트 편집의 물에 발을 담그는 테마 작성자의 경우 머리글, 바닥글 및 기타 작은 섹션을 블록 패턴으로 다시 만드는 것부터 시작하는 것이 좋습니다. 머리를 맞대고 뛰어들지 않고 발을 적시는 것으로 충분합니다.

그녀가 권장하는 두 번째 단계는 커스터마이저 옵션을 블록 시스템으로 변환하는 방법에 대해 생각하기 시작하는 것입니다. 예를 들어, 많은 테마에 있는 다양한 헤더 옵션에 대해 생각할 때 전체 사이트 편집기를 통해 해당 사용자 선택을 노출하는 블록 패턴을 만드는 것이 좋습니다.

앞으로의 길

Nymark는 문서화와 같이 앞으로 해결해야 할 몇 가지 영역을 식별했습니다. "문서의 전반적인 부족은 전체 사이트 편집뿐만 아니라 전체 구텐베르크 프로젝트에 대한 문제입니다."라고 그녀는 말했습니다. "사람들이 배우고 기여하는 것을 어렵게 만듭니다."

그녀가 보고 싶은 주요 기능 중 하나는 테마 작성자가 템플릿을 잠글 수 있는 기능으로 사용자가 웹사이트에 기능을 제공하는 중요한 블록을 실수로 제거하는 것을 방지하는 것입니다.

그녀는 또한 Gutenberg 팀에서 개발 중이지만 아직 준비되지 않은 몇 가지 필수 구성 요소를 나열했습니다.

• 사이트 편집기에서 템플릿 부분 선택 및 생성.
• 전역 스타일 기능을 마무리합니다.
• 더 많은 컨트롤을 사용하여 기존 전체 사이트 편집 블록을 업데이트합니다.
• 나머지 템플릿 태그에 대한 새 블록 생성.
• 응답하도록 탐색 블록을 개선합니다.

아직 해야 할 일이 많고 많은 질문이 남아 있습니다. 그러나 WordPress가 블록을 통해 공통 디자인 언어로 이동함에 따라 더 밝은 미래에 대한 희망이 있습니다.

Nymark는 "디자이너가 코드에 대한 걱정 없이 레이아웃을 만드는 것이 더 쉬울 것이며 템플릿을 내보낼 수 있게 되면 해당 레이아웃을 테마로 공유하는 것도 더 쉬울 것입니다. 진입 장벽이 이동됩니다. 기본 테마를 만드는 것은 쉽지만 사용자를 위한 완벽한 솔루션을 만드는 것은 더 어려울 수 있습니다."