FSE 프로그램: 블록 테마 전환에 대한 통찰력

FSE Outreach Program의 일상적인 테스트 라운드와 달리 Anne McCarthy는 오늘 일찍 Make WordPress Test 블로그에서 약간의 비틀기를 던졌습니다. 이 발표는 사용자가 블록 테마 간에 전환할 때 보고 싶은 내용에 대해 생각하도록 요청합니다. 테스트는 9월 29일까지 참여를 원하는 모든 사람에게 열려 있습니다.

단계는 느슨하며 필요하지 않습니다. 목표는 사람들이 시간이 지남에 따라 주제 전환 흐름이 어떻게 보일지 생각하고 토론하게 하는 것입니다. McCarthy는 몇 가지 질문을 했지만, 이는 더 개방적인 토론을 위한 출발점일 뿐입니다.

나는 때때로 구조가 필요하지만 어쨌든 규칙을 어기는 경향이 있습니다. 이 시험의 형식은 오늘 나에게 잘 맞았다.

나는 주제를 바꾸는 사람이 아닙니다. 10여 년 전에 WordPress용으로 디자인하는 방법을 배운 이후로 한 테마에서 다음 테마로 이동한 적이 없습니다. 적어도 일반 사용자와 같은 방식은 아닙니다. 대신, 웹사이트에 새로운 페인트 칠을 추가할 때마다, 나는 주어진 순간에 작업하고 있던 무엇이든 기초를 단순히 바꿨습니다. 저에게 워드프레스 테마는 항상 마지막 프로젝트에 대한 반복이었습니다.

프로그래밍의 초석 중 하나는 코드를 재사용하는 것이며, 이는 제가 마음에 새긴 원칙입니다. 지금도 계속해서 블록 테마 디자인을 탐색하면서 내가 만든 마지막 WordPress 테마의 내장 버전에서 그렇게 하고 있습니다.

테마 전환을 생각하면 익숙한 경험이 아닙니다. 내가 WP Tavern에서 일하기 시작했을 때에도 사이트는 이미 일부 사용자 정의와 함께 내 테마 중 하나를 사용했습니다. 놓친 느낌입니다. 플랫폼이 처음 테마를 도입한 버전 1.5 이후로 WordPress를 사용하는 전체 여정에서 가장 근본적인 방식으로 테마 전환 프로세스를 진정으로 경험한 적이 없습니다. 나는 곧 할 것이지만, 우리는 다른 날에 그것에 대해 이야기할 것입니다.

테마를 "전환"했을 때 테마에 대해 작성하거나 최종 사용자를 위한 기술 지원을 실행하기 위해 테스트 환경에서 그렇게 했습니다.

탐색 요청은 주로 글로벌 디자인 관련 기능에 중점을 둡니다. 그러나 내 경험상 이러한 것들은 사용자의 콘텐츠가 어떻게 보이는지보다 훨씬 덜 중요한 경향이 있습니다. 테마를 테스트할 때 가장 먼저 하는 일은 데모 게시물을 로드하는 것입니다. 최근 "Welcome to Gutenberg Editor" 테스트 포스트가 되었습니다. 주요 질문: 내용을 편안하게 읽을 수 있습니까? 이 단계를 통과하지 못하면 단순히 테마를 비활성화합니다.

이 실험을 위해 세 가지 테마를 선택했습니다.

• 내 사용자 지정, 출시되지 않은 프로젝트
• TT1 블록
• 공목

나는 간단한 블로그 게시물을 읽는 것이 얼마나 쉬운지 테스트하는 기초부터 시작했습니다.

전반적으로 각 테마는 훌륭하게 수행되었습니다. 그러나 Quadrat이 단일 게시물 보기에서 추천 이미지를 사용하는 것은 적절하지 않다고 느꼈습니다.

밤을 새게 만드는 한 가지 질문은 콘텐츠 수준에서 테마 간 호환성이 작동하는 방식입니다. 기본 블록 출력은 문제가 거의 또는 전혀 없이 한 테마에서 다음 테마로 변환되어야 합니다. 그러나 사용자 정의 블록 스타일, 글꼴 크기, 색상 및 사전 설정의 전체 범위는 이미 문제 영역입니다.

이것은 새로운 대화가 아닙니다. 일부 기능의 표준화에 대한 논의가 진행 중입니다. 그러나 고양이는 이미 가방 에서 나와 집 안을 헤매고 있습니다.

전역 스타일과 템플릿은 테마가 수년 동안 어떤 형태로든 다루어온 기능입니다. 새로운 시스템은 동일한 작업을 수행하는 다른 방법일 뿐입니다.

그러나 디자인 요소가 콘텐츠와 병합될 때 기본의 표준화된 시스템이 없으면 주제를 전환하는 것이 더 복잡해집니다. 이 점을 설명하기 위해 사용자 정의 블록 스타일, 그라디언트 색상 및 글꼴 크기를 사용하는 게시물에 대해 세 가지 테스트 테마를 모두 확인했습니다. 나는 단순한 블로그 포스트를 넘어 경계를 넓히고 싶었습니다.

콘텐츠는 내 사용자 정의 테마와 "오픈 캔버스" 템플릿으로 제작되었습니다. Quadrat에는 게시물 제목을 숨기는 유사한 템플릿이 있었지만 TT1 Blocks에는 없었습니다.

결과는 에헴 , 거칠었습니다.

물론 내 사용자 정의 테마는 정상적으로 보입니다. 이것은 TT1 블록과 Quadrat이 잘못 설계되었다는 의미가 아닙니다. 그들은 실제로 현재 사용 가능한 최고의 블록 테마 중 두 가지입니다. 문제는 동일한 블록 스타일과 사전 설정을 공유하지 않는다는 것입니다. WordPress와 Gutenberg에는 이 디자인을 한 테마에서 다음 테마로 더 쉽게 옮길 수 있는 몇 가지 기본적인 레이아웃 도구가 없습니다.

디자인의 가장 복잡한 부분은 오프닝 커버 블록 패턴입니다.

기술적으로 이것은 다른 내부의 Cover 블록입니다. 하단 레이어에는 이중톤 필터가 있는 배경 이미지가 있으며 내부 콘텐츠를 상위 레이어의 90% 너비로 설정합니다. 두 번째 레이어에는 테마가 정의된 그라디언트 배경이 있으며 내부 컨테이너를 왼쪽으로 50% 너비로 설정합니다. 또한 사용자 정의 글꼴 크기가 흩어져 있습니다.

이러한 레이아웃 제어는 사용자 정의 블록 스타일 또는 열 블록의 일부 해킹을 통해서만 가능합니다. 나는 전자가 더 쉽기 때문에 전자를 선택했지만 다른 테마와 함께 사용하면 깨진다는 의미이기도 합니다.

나는 이것을 디자인의 가장 복잡한 부분이라고 불렀지만 실제로는 대부분의 페이지 빌더나 몇 줄의 CSS로 할 수 있는 간단한 일입니다. WordPress에 그리드 컨테이너 블록 유형이 있을 때까지 테마 작성자는 이러한 레이아웃을 가능하게 하는 사용자 지정 기술에 의존합니다. 우리가 기다리는 시간이 길어질수록 이보다 더 추해질 수 있고 또 그렇게 될 것입니다.

글꼴 크기 및 색상 이름과 같은 사전 설정 표준화에 대한 공개 토론은 보다 사소한 부분에 도움이 될 수 있는 결실을 맺을 수 있습니다. 그러나 이 토론에서 그라디언트 이름이 표시되는 것을 본 적이 없습니다.

나는 이 시험에 대해 적어도 하나의 숨은 동기를 가지고 있습니다. 저는 오랫동안 여기 WP Tavern에서 더 실험적인 포스트 디자인과 레이아웃을 시도하고 싶었습니다. 그러나 나는 우리가 결국 테마를 바꿀 것이라는 것을 알고 있습니다. 내 마음 속 그 목소리는 항상 그 날이 오면 맞춤 설계된 게시물 레이아웃이 깨질 가능성이 있음을 상기시킵니다. 도구가 내가 뛰어들만큼 발전되지 않았습니다. 어쨌든 아직 아닙니다.

이 시점에서 나는 더 이상 탐사 요청의 의도된 방향을 따르지 않는다고 확신합니다. 그러나 나는 여행이 내가 가야 할 곳으로 나를 데려가도록 할 뿐입니다. 내 목적지는 내 희망 목록에 추가된 것입니다. 테마에서 테마로 작동하는 보다 강력한 레이아웃 도구입니다.