WordPress 5.5 출시 예정: 테마 작성자가 알아야 할 기능 및 변경 사항

WordPress 5.5의 목표 릴리스 날짜인 8월 11일이 2주 앞으로 다가왔습니다. 예정된 릴리스에 대해 완전히 알지 못하는 개발자의 경우 지금이 변경 사항이 프로젝트에 어떤 영향을 미칠 수 있는지 살펴보기 시작하기에 좋은 때입니다. 특히 테마 작성자는 몇 가지 새로운 기능과 몇 가지 주요 변경 사항을 기대할 수 있습니다.

대부분의 경우 WordPress 5.5에는 테마 개발자가 테마에 추가할 수 있는 새로운 기능이 도입됩니다. 그러나 테마에 부정적인 영향을 미칠 수 있는 가장 큰 두 가지 변경 사항은 자동 업데이트와 사용자 정의 로고 출력에 대한 HTML 변경 사항입니다.

새로운 기능 및 변경 사항 외에도 테마 작성자는 Gutenberg 플러그인의 적용 범위를 따라 잡고 핵심 WordPress에 병합되는 업데이트에 대해 테스트해야 합니다.

자동 업데이트

WordPress 5.5는 마침내 플러그인 및 테마에 대한 자동 업데이트를 도입합니다. 이것은 오랫동안 기다려온 기능이며 최종 사용자를 최신 상태로 유지하고 일반적으로 가장 안전한 확장 버전을 실행한다는 점에서 좋은 일이어야 합니다. 그러나 자동 업데이트의 가장 큰 단점은 대부분의 테마와 플러그인이 핵심 WordPress가 받는 것과 동일한 수준의 품질 관리를 하지 않는다는 것입니다. 최고의 개발 회사라도 코드를 살펴보는 사람은 소수에 불과할 수 있습니다.

반면에 자동 업데이트 기능은 테마 작성자가 수정 사항을 최종 사용자에게 훨씬 더 빠르게 푸시할 수 있음을 의미합니다.

중요한 것은 테마 개발자가 사용자가 자동 ​​업데이트를 활성화할 것이라는 사실을 알아야 한다는 것입니다. 어떤 사람들에게는 이것이 릴리스 주기와 함께 아무것도 변경하지 않는다는 것을 의미하지 않을 수 있습니다. 다른 사람들에게는 추가적인 품질 관리가 이루어지도록 하기 위해 시간을 더 들이는 것을 의미할 수 있습니다. 자동 업데이트의 성공은 플러그인과 테마 작성자의 어깨에 달려 있습니다. 가볍게 여겨서는 안 되는 막중한 책임입니다. WordPress는 이를 올바르게 수행하기 위해 개발 커뮤니티에 많은 신뢰를 두고 있습니다.

사용자 정의 로고에 대한 HTML 변경

WordPress 5.5에 대한 접근성 관련 티켓의 일부로 핵심 get_custom_logo() 및 the_custom_logo() 함수는 사이트 홈페이지를 볼 때 더 이상 로고 이미지 주위에 링크를 출력하지 않습니다. 링크 자체가 기본적으로 홈페이지를 가리키고 해당 컨텍스트에서 불필요하기 때문에 이러한 변경이 이루어졌습니다.

현재 공식 테마 디렉토리에는 CSS의 링크를 대상으로 하는 183개의 테마가 있습니다. 업데이트 시 183개의 테마가 모두 중단된다는 의미는 아닙니다. 그러나 일부는 한두 가지 조정이 필요할 수 있습니다.

테마 작성자는 특정 HTML 요소 대신 .custom-logo-link 클래스를 대상으로 하는 것이 좋습니다. 새로운 변경 사항은 홈페이지에 <a> 요소가 아닌 <span> 요소를 추가합니다. 둘 다 같은 클래스를 사용합니다.

블록 패턴이 도착했습니다

테마 디자이너가 블록 패턴을 통해 자신의 재능을 빛낼 수 있도록 세상에 공개될 가능성에 대해 완전히 정신이 팔린 것은 비밀이 아닙니다. 패턴은 Gutenberg 프로젝트의 초기 출시 이후 누락된 기능 중 하나였습니다. 테마 작성자의 경우 고유한 "템플릿" 또는 "섹션"을 디자인하는 것과 최종 사용자에게 사이트에 추가할 수 있는 수단을 제공하는 것 사이의 연결이 누락되었음을 나타냅니다.

블록 패턴은 기본적으로 사용자가 버튼 클릭으로 게시물이나 페이지에 삽입할 수 있는 사전 구성된 블록 그룹입니다. 시스템의 장점은 테마 작성자가 마음에 드는 패턴을 디자인하고 사용자가 쉽게 사용할 수 있도록 할 수 있다는 것입니다. 복잡한 테마 설정이 필요 없습니다. 데모를 다시 만드는 방법을 설명하는 긴 자습서가 없습니다. 블록 편집기에서 무언가를 디자인하십시오. 패턴으로 등록합니다. 사용자가 게시물에 삽입하고 기뻐할 수 있습니다.

이것은 테마 작가들에게 지금까지 없었던 기회입니다. 일반 사용자에게는 너무 복잡할 걱정 없이 아름다운 디자인을 만들 수 있는 기회입니다. WordPress 테마 디자인 역사에서 중요한 순간입니다. 테마 작성자는 시스템을 푸시하고 WordPress와 해당 블록 편집기가 진정으로 무엇을 할 수 있는지 확인할 수 있습니다.

레스토랑 테마 구축? 사용자에게 다양한 음식 메뉴 패턴을 제공합니다. 소설가나 다른 책 작가를 위해 무언가를 만들고 계십니까? 사용자에게 책을 보여주기 위한 몇 가지 레이아웃 옵션을 제공합니다.

블록 패턴 API는 테마 작성자가 현실적으로 할 수 있는 많은 사전 제한을 제거합니다. 이제 그 테마 작가들이 책임을 져야 할 때입니다.

라인 높이 및 사용자 정의 단위

블록 편집기에는 최종 사용자가 활용할 수 있는 두 가지 새로운 도구가 있습니다: 사용자 정의 라인 높이 및 사용자 정의 단위. 테마 작성자는 사용자가 custom-line-heights 테마 지원 플래그를 사용하여 단락 및 제목의 줄 높이를 편집할 수 있도록 선택할 수 있습니다. 또한 사용자가 custom-units 플래그를 사용하여 Cover 블록의 높이를 정의할 때와 같이 다양한 단위 간에 전환할 수 있습니다. 픽셀 외에도 ​​테마는 지원되는 단위를 정의할 수 있습니다.

사용자가 텍스트의 줄 높이 값을 사용자 정의하도록 허용하는 것은 까다로운 비즈니스일 수 있습니다. 보장되는 상황이 있습니다. 그러나 엄격한 수직 리듬을 유지하는 것을 선호하는 테마 작성자에게는 이것이 재앙으로 이어질 수 있습니다. 이것은 빌드 중인 테마 유형에 따라 개발자의 개인적인 선택으로 귀결될 것입니다.

액세스 가능한 위젯 탐색

WordPress 5.5부터 테마 작성자는 더 접근하기 쉬운 위젯을 출력하도록 선택할 수 있습니다. 기본적으로 정렬되지 않은 목록을 표시하는 위젯은 컨텍스트 없이 그렇게 합니다. 이것은 보조 기술을 사용하는 사람들이 사이트를 탐색하는 것을 어렵게 만들 수 있습니다.

테마 작성자는 이제 HTML5 테마 지원 배열에 navigation-widgets 을 추가하여 새 마크업을 추가할 수 있습니다. 그런 다음 WordPress는 위젯 제목을 기반으로 하는 <nav> 요소와 aria-label 로 모든 핵심 위젯을 래핑합니다.

이는 타사 플러그인의 위젯에는 영향을 미치지 않습니다. 플러그인 작성자는 위젯을 재평가하여 이 기능을 지원할 것인지 결정해야 합니다.

템플릿 기능 업데이트

WordPress는 다음 릴리스에서 템플릿 기능을 위한 몇 가지 멋진 기능을 추가하고 있습니다. 첫 번째 주요 변경 사항은 테마 작성자가 데이터를 템플릿 파일에 전달할 수 있다는 것입니다. 우리는 이전에 선술집에서 이 이야기를 다뤘습니다. 이 기능은 몇 년이 지났지만 여전히 더 복잡한 테마 설정에 유용해야 하며 개발자가 이상한 해결 방법이나 사내 솔루션을 우회할 수 있도록 합니다.

get_template_part() 및 기타와 같은 템플릿 로딩 함수는 WordPress 5.5에서도 값을 반환합니다. 템플릿을 찾을 수 없으면 함수는 false 값을 반환합니다. 그렇지 않으면 void 를 반환합니다. 이것은 테마 작성자가 템플릿이 있는지 확인하기 위해 조건을 실행해야 하는 상황에서 유용합니다.