Gutenberg 11.9는 탐색 메뉴 및 블록 테마에 중점을 둡니다.
게시 됨: 2021-11-13Gutenberg 11.9는 수요일에 출시되었으며 수십 가지 개선 사항으로 가득 차 있습니다. 기여자들은 12월 14일에 예정된 WordPress 5.9 릴리스 전에 최종 기능 중 일부를 사용하여 속도를 높이고 있습니다.
버전 11.9는 다가오는 WordPress 업데이트에 대한 새로운 기능을 포함하는 마지막 플러그인 릴리스입니다. 버그 수정은 앞으로 몇 주 동안 계속해서 이식될 것입니다.
사이트 편집 및 테마 관련 차단이 대부분의 스포트라이트를 받습니다. WordPress 5.9는 첫 번째 기본 블록 테마인 Twenty Twenty-Two와 함께 제공됩니다. 많은 사용자에게 이것은 템플릿 편집 및 전역 스타일에 대한 첫 경험이 될 것입니다.
Navigation 블록은 많은 관심을 받았고, 당연히 그렇습니다. 개발자는 몇 가지 중요한 데이터 이식성 문제를 해결하고 보다 균형 잡힌 사용자 경험을 만들었습니다.
전반적으로 여전히 개선의 여지가 많지만 구텐베르그는 지난 몇 달 동안 많은 발전을 이루었습니다. 새로운 기능이 일반 WordPress 릴리스에 포함되면 어떤 모습일지 매우 기대됩니다.
축소된 사이트 편집기, 메뉴 이동 및 이름 변경

사이트 편집기는 더 이상 구텐베르크 플러그인 사용자가 지난 몇 개월 동안 익숙해진 기능이 아닌 지점까지 축소되었습니다. 본질적으로 전역 스타일 기능에 대한 경로입니다.
템플릿의 경우 인터페이스를 통해 사이트의 홈페이지에만 액세스할 수 있습니다. 편집기의 왼쪽 상단에 있는 "W" 아이콘을 클릭하면 이전에 사용자가 개별 템플릿을 탐색, 선택 및 사용자 지정할 수 있었던 친숙한 템플릿 패널이 더 이상 열리지 않습니다.
"모든 템플릿 찾아보기" 버튼을 클릭하면 사용자가 사이트 편집기에서 템플릿 화면으로 이동합니다. 게시물 목록처럼 보이며 예를 들어 작성자 아카이브 또는 기타 테마 템플릿을 덮어쓰는 방법에 대한 지침은 포함되어 있지 않습니다. 나는 무슨 일이 일어나고 있는지 이해할 만큼 시스템을 잘 알고 있지만 이것이 일반 사용자에게는 충격적일 것이라고 상상할 수 있을 뿐입니다.
사용자는 드롭다운에서 해당 영역을 클릭하여 사이트 편집기의 머리글 및 바닥글 영역으로 이동할 수 있습니다. 편집기는 화면을 전환하지 않고 해당 템플릿 부분에만 초점을 맞춥니다.
그러나 사이트 편집기 내에서 특정 템플릿을 편집할 수 있는 방법이 없습니다. 그 결과 글로벌 스타일이 포함된 축소된 인덱스 템플릿 편집기가 탄생했습니다.
사이트 편집기 메뉴 항목도 이제 WordPress 관리자의 모양 메뉴 아래로 이동되었습니다. 이제 단순히 "에디터"로 이름이 변경되었습니다. 물론 "테마 편집기" 하위 메뉴는 여전히 존재합니다.

나는 이것이 사용자에게 전혀 혼란을 줄 것으로 기대하지 않습니다 ...
비꼬는 말은 제쳐두고, 이것은 사용자가 블록 테마를 활성화한 경우에만 표시되는 새 사이트 편집기를 위한 적절한 장소입니다. 그러나 두 하위 메뉴 이름은 분명히 충돌합니다. 테마 편집기를 옮기기에 더 좋은 곳이 있을까요? 하나의 제안은 관리 메뉴의 도구 아래에 드롭된 것을 볼 수 있습니다.
블록 세계에서 테마 파일을 직접 편집하는 데 얼마나 많은 용도가 있을지 궁금할 것입니다. 템플릿은 UI를 통해 덮어쓸 수 있습니다. theme.json 설정은 전역 스타일 인터페이스를 통해 처리됩니다. 이는 대부분 functions.php 를 유일한 홀드아웃으로 남깁니다. 적어도 블록 테마의 경우 WordPress에서 기본적으로 파일 편집을 비활성화해야 할 때일 수 있습니다.
패턴 탐색기

데스크톱 및 태블릿 사용자는 이제 전체 화면 패턴 오버레이를 즐길 수 있습니다. 좁은 삽입기에서 수십 또는 수백 개의 패턴을 끝없이 스크롤하는 대신 새로운 "탐색" 버튼을 클릭하여 조금 더 숨을 쉴 수 있는 인터페이스에서 패턴을 탐색할 수 있습니다.

이번 주 초 전체 리뷰에서 이 새로운 기능을 다루었습니다. 디자인과 함께 해결해야 할 몇 가지 꼬임이 여전히 있지만 지금까지는 잘 작동합니다. 또한 보다 광범위한 기능을 위한 토대를 마련합니다.
항법 데이터 저장 및 항법 영역 블록
탐색 블록 데이터는 이제 전용 wp_navigation 포스트 유형에 저장됩니다. 이를 별도로 저장함으로써 기여자들은 이제 블록 기반 탐색 메뉴의 오랜 문제 중 하나인 이식성을 수정했습니다.
블록의 이전 반복에서 사용자는 새 블록 테마로 전환할 때마다 신중하게 만든 메뉴를 잃어버렸습니다. 일반적으로 자주 변경되지 않는 콘텐츠를 다시 만들어야 합니다.
이 개선 사항과 함께 탐색 래퍼 역할을 하는 새로운 탐색 영역 블록이 있습니다. 테마 작성자는 다음 코드를 사용하여 블록 테마 템플릿에서 사용자 정의 영역을 정의할 수 있습니다.
<!-- wp:navigation-area {"area":"primary"} --> <!-- wp:navigation /--> <!-- /wp:navigation-area --> 중첩된 탐색 블록은 wp_navigation 게시물 과 연결됩니다. 이것은 앞으로 테마 작성자가 선호하는 형식이 될 것입니다.
사용자가 테마를 전환하고 "영역" 이름이 이전 테마와 일치하면 메뉴가 단순히 넘어가고 자동으로 나타납니다. 일치하지 않는 경우 사용자는 저장된 메뉴를 할당할 수 있습니다. 메뉴/영역 관계는 데이터베이스에 저장됩니다.
탐색 영역 블록의 문제 중 하나는 정렬 컨트롤이 없다는 것입니다. 기술적으로 HTML 자체를 출력하지 않습니다. 그러나 편집기에 존재하면 사용자가 내부 탐색 블록에 대해 전체 정렬 또는 전체 정렬을 선택할 수 없습니다.
이중톤 필터 투명도
이미지 및 표지와 같은 블록의 이중톤 필터는 이제 투명도를 지원합니다. 이제 사용자는 그림자 또는 하이라이트를 조정할 때 색상 선택기 아래에 슬라이더 컨트롤이 표시됩니다.
이 기능은 커버 위에 이미지 블록을 레이어링하여 이중 노출 효과 또는 이미지 마스크의 문을 엽니다. Alex Lend는 이것이 티켓에서 어떻게 작동하는지에 대한 몇 가지 예를 보여주었습니다.

개발자들은 또한 트라이톤 옵션 및 기타 필터 유형에 대한 가능성도 언급했습니다.
전역 스타일에 액세스하기 위한 API
테마 및 플러그인 작성자는 글로벌 스타일 시스템과 상호 작용하기 위해 이 새로운 API를 사용하는 것이 좋습니다. 이전에는 개발자가 WP_Theme_JSON_Resolver 클래스를 사용하여 서버 측에서 필요한 데이터를 가져와야 했습니다. 이제 세 가지 새로운 기능이 있습니다.
-
gutenberg_get_global_settings()– 설정을 반환합니다. -
gutenberg_get_global_styles()– 스타일 설정을 반환합니다. -
gutenberg_get_global_stylesheet()– 전역 스타일시트를 반환합니다.
아마도 이러한 함수는 WordPress 5.9에 상륙하기 전에 이름이 바뀌고 gutenberg_ 접두사가 없을 것입니다. 테마 작성자는 function_exist() 검사에서 이러한 사용을 안전하게 래핑해야 합니다.
새 주석 블록
최신 플러그인 업데이트에 몇 가지 새로운 주석 블록이 추가되었습니다. 댓글 쿼리 루프 및 댓글 템플릿 블록은 해당 게시물 블록과 유사하게 작동합니다. 그러나 현재 결과는 프로덕션 용도로 사용할 준비가 되지 않은 기본 기능입니다. 중첩된 주석은 표시되지 않으며 출력을 사용자 정의할 수 있는 옵션이 많지 않습니다.
이것은 포스트 댓글 출력을 제어하는 블록 테마 작성자 및 사용자(사이트 편집기를 통해)를 향한 단계입니다. Gutenberg 11.9에는 템플릿에 필요한 새로운 주석 도우미 블록도 포함되어 있습니다.
- 댓글 답글 링크
- 댓글 링크
- 댓글 아바타
한동안 댓글이 뒷전처럼 느껴졌습니다. 이러한 누락된 테마 관련 블록을 완성하기 위한 모든 움직임을 환영합니다.
