WordPress 테마 디렉토리에 들어갈 첫 번째 블록 패턴 탐색

몇 달 동안 나는 오랫동안 기다려온 블록 패턴 시스템을 테마 디자이너의 손에 맡기기로 약속한 업데이트인 WordPress 5.5의 공식 출시를 간절히 기다렸습니다. 이 시점에서 내가 깨진 기록처럼 들릴 수 있지만 패턴은 곧 있을 전체 사이트 편집보다 훨씬 더 WordPress 테마 개발에 혁명을 일으킬 가능성이 있습니다.

이 기능은 개발자가 WordPress 테마를 만드는 방법을 크게 변경해야 합니다. 잠재력을 최대한 활용하면 테마 작성자는 수십 가지 테마 옵션을 없애고 대부분의 페이지 템플릿을 삭제할 수 있습니다. 그들은 프로그래밍에 덜 집중하고 디자인에 더 집중할 수 있습니다. 이것이 바로 테마의 본질입니다.

패턴이 왜 그렇게 혁명적인지 이해하려면 패턴이 테마 작성자와 궁극적으로 최종 사용자를 위해 해결하는 근본적인 문제를 이해해야 합니다. 워드프레스의 모든 테마 역사를 통틀어 셀 수 없이 많은 문제를 일으킨 하나의 중요한 문제가 있었습니다. 이것은 WordPress.org 테마 검토 시스템에 추가된 여러 지침의 근본 원인이 된 문제입니다.

이 단일 문제는 테마 작성자가 사용자 정의 홈페이지를 구축하고 최종 사용자가 쉽게 다시 만들 수 있도록 하는 방법에 대한 큰 질문으로 거의 전적으로 그 뿌리를 추적할 수 있습니다.

슬라이더나 정보 상자 열 또는 클릭 유도문안 섹션이든 WordPress는 테마 작성자가 신뢰할 수 있는 솔루션을 제공한 적이 없습니다. 공정하게 말하면 많은 개발자가 플랫폼의 한계를 중심으로 창의적이고 고유한 시스템을 구축했습니다. 그러나 이러한 시스템은 단일 테마 또는 단일 회사의 테마 세트에만 적용되었습니다. 기준이 없었습니다. 테마 디자이너가 머릿속에 있는 흥미로운 것을 디자인하고 사용자가 단순히 콘텐츠를 채울 수 있도록 안내하는 것은 없었습니다.

사이트의 홈페이지가 여기에서 근본적인 문제라고 말하지만 문제는 실제로 사이트의 모든 페이지로 확장됩니다. 홈페이지 디자인은 테마 작성자의 서명과 약간 비슷합니다. 이를 통해 디자이너는 자신의 재능을 선보이고 사용자를 끌어들일 수 있습니다. 그리고 10년 넘게 테마 작성자는 이 한 페이지를 제대로 만들기 위해 수천 가지 방법을 시도했습니다.

패턴은 훨씬 더 많습니다. 시스템은 테마 작성자가 아름다운 디자인을 조합하기 위해 PHP 닌자가 될 필요가 없습니다. 홈페이지 구축을 위한 테마 옵션 패널로 사용자를 제한하지 않습니다. 테마가 제공하는 패턴으로 사이트의 모든 페이지를 구축할 수 있습니다.

가장 중요한 것은 "사용자 정의 홈페이지를 어떻게 구축할 것인가"라는 질문을 무의미하게 만든다는 것입니다. 주제 작성자는 적어도 이전 몇 년 동안은 그 질문에 대해 다시 생각할 필요가 없습니다. 테마는 페이지 수준에서 디자인을 구축하는 것에서 개별 블록 및 섹션(패턴)을 디자인하는 방향으로 이동하고 있습니다. 초점은 훨씬 더 원자적 이며 사용자에게 더 많은 유연성과 자유를 제공합니다.

테마 작성자가 이 시스템에서 구축한 것을 보기 위해 몇 주 또는 몇 달을 더 기다릴 수 없었기 때문에 공식 테마 디렉토리의 현재 테마가 무엇을 하고 있는지 살펴보고 싶었습니다. 볼 것이 많지는 않았지만 적어도 일부 테마 작가는 이 새로운 테마 시대의 선구자가 될 의향이 있습니다.

현재 디렉토리에 대한 블록 편집기 패턴 기능 필터가 작동하지 않습니다. 기술적으로 테마 작성자는 테마에 block-patterns 태그를 추가할 수 없지만 곧 문제를 해결할 패치가 있습니다.

지금까지의 패턴

현재 테마 디렉토리에는 블록 패턴이 있는 3개의 테마만 있습니다. 얼마 남지 않았지만 테마 작가들이 지금까지 무엇을 만들고 있는지 보는 것은 흥미로울 것입니다.

UXL 테마는 최근 여러 블록으로 Cordero 테마를 업데이트했습니다. Cordero가 패턴을 추가한 방법에 대해 내가 좋아하는 것 중 하나는 사용자 지정 "Cordero" 블록 패턴 범주를 생성했다는 것입니다. 패턴은 여러 범주에 존재할 수 있지만 테마의 모든 사용자 정의 패턴을 단일 그룹으로 통합하면 패턴을 훨씬 쉽게 발견할 수 있습니다. 이것은 앞으로 더 보고 싶은 연습입니다.

Codero의 패턴은 주로 일반적인 비즈니스 레이아웃에 맞춰져 있습니다. 여기에는 몇 가지 영웅 유형 패턴, 일부 기능/서비스 상자 및 가격표가 포함됩니다.

Themes Team 대표 Carolina Nymark의 포괄적인 테마에는 여러 패턴이 있습니다. 이 테마의 가장 흥미로운 패턴은 사이드바가 있는 2열 패턴입니다. Nymark는 본질적으로 패턴이 있는 페이지의 "본문"을 만들었습니다. 하나는 왼쪽에 사이드바를 추가하고 다른 패턴은 오른쪽에 사이드바를 추가합니다. 두 패턴 모두 사용자 정의 콘텐츠를 추가하기 위한 기본 열이 있습니다. 사이드바 열은 기본적으로 위젯 유형 블록으로 장식되어 있습니다.

이러한 패턴을 독특하게 만드는 것은 전체 사이트 편집을 위한 디딤돌과도 같다는 것입니다. 누락된 것은 머리글과 바닥글뿐입니다. 물론 저는 이런 종류의 패턴에 대한 준비가 되어 있지 않았고 더 작은 섹션에 사용되는 패턴을 예상했지만, 저는 포괄적인 테마의 실험을 좋아합니다.

Nymark에는 디렉토리에 블록 패턴이 있는 현재 세 가지 테마 중 두 가지가 있습니다. 그녀의 Deejay 테마는 사용자가 자신의 사이트에 DJ 프로필 섹션을 만들 수 있는 단일 패턴을 추가합니다. 열, 소셜 아이콘, 최신 게시물 목록, 비디오 포함 등을 결합합니다.

전반적으로 이 새로운 기능의 초기 탐색이 마음에 듭니다. 처음 시도하는 것이 결코 쉬운 일이 아니기 때문에 길을 열어준 테마 작가들에게 박수를 보냅니다. WordPress 5.5 릴리스가 출시된 지 일주일 밖에 되지 않았지만 더 많은 것을 볼 수 있게 되어 기쁩니다.

테마 간에 패턴이 얼마나 잘 전송됩니까?

블록 시스템의 약속 중 하나는 사용자가 테마를 전환하고 콘텐츠를 유지할 수 있다는 것입니다. 아이디어는 각 테마가 프런트 엔드 출력이 깨진 것처럼 보이지 않는 방식으로 모든 블록의 스타일을 지정한다는 것입니다.

세 가지 테마의 샘플 크기가 작을 뿐이지만 테마를 전환할 때 몇 가지 콘텐츠 스타일 문제가 발생했습니다.

일반적으로 패턴이 더 복잡하고 패턴이 사용자 정의 클래스를 사용하는지 여부에 따라 테마에서 테마로 얼마나 잘 전송되는지가 결정됩니다. 사용자가 패턴의 이미지를 자신의 이미지로 바꾸지 않기로 결정한 경우 이미지도 흥미로운 문제가 될 수 있습니다. 이미지는 테마 폴더에 존재하기 때문에 테마를 비활성화하고 제거하면 더 이상 존재하지 않습니다.