WordPress 위젯 화면이 구텐베르크 시대에 합류

WordPress의 오랜 사용자는 수년 동안 많은 UI 변경 사항을 보았습니다. 더 매끄럽고 접근성이 높으며 일관성이 있습니다. 거의 모든 화면에서 차이를 볼 수 있습니다.

그러나 최근 몇 년 동안 놀라울 정도로 거의 변화가 없는 영역 중 하나는 위젯 화면입니다. 끌어서 놓기 기능이 아마도 시대를 앞서갔기 때문에 반드시 나쁜 것은 아닙니다. 그리고 다른 UI 요소가 발전하더라도 무엇을 기대해야 하는지 알면 어느 정도 편안함이 있습니다.

글쎄요, 마침내 변화를 위한 시간이 왔습니다. 그리고 그것은 큰 변화입니다. WordPress 5.8부터 위젯 화면은 Gutenberg 블록 편집기와 동일한 모양을 갖습니다. 그러나 그마저도 새로운 편집기를 사용하는 사람에게는 친숙한 느낌을 줍니다.

블록 기반 위젯의 새로운 세계를 간단히 살펴보겠습니다.

블록과 위젯 사이의 경계를 흐리게

개편된 위젯 화면에서 가장 먼저 보게 되는 것은 짧은 온보딩 캐러셀입니다. 이것은 사용자에게 Gutenberg를 소개하는 데 사용되는 것과 매우 유사합니다.

소개를 통과하면 매우 최소한의 UI를 찾을 수 있습니다. 테마의 정의된 위젯 영역(이 예에서는 하나만 있음)이 중앙 무대를 차지하고 큰 "더하기" 아이콘이 화면 왼쪽 상단을 지배합니다.

블록 편집기와 마찬가지로 아이콘을 클릭하면 웹사이트에 설치된 모든 블록 목록이 열립니다. YouTube와 같은 외부 소스의 미디어를 포함하는 기능과 함께 이미지 및 제목과 같은 기본 사항을 찾을 수 있습니다. 실제로 페이지에 추가할 수 있는 모든 항목을 위젯으로 추가할 수도 있습니다.

이것은 전통적인 사이드바에 많은 유연성을 제공합니다. 과거에는 위젯을 통해 추가할 수 있는 콘텐츠 유형이 다소 제한적이었습니다. 최소한 위젯 플러그인의 도움 없이는 말이죠. 이제 거의 모든 것이 공정한 게임입니다.

사이드바 등을 향상시키는 새로운 블록

위젯 화면의 개선된 UI 외에도 실험할 몇 가지 새로운 블록이 있습니다. 위젯에서 기대할 수 있는 기능과 블록의 편리함을 결합합니다.

새로운 선택 항목 중에서 다음을 찾을 수 있습니다.

쿼리 루프

쿼리 루프 블록을 사용하면 맞춤형 게시물 목록을 작성할 수 있습니다. 원하는 레이아웃을 선택하고 필요에 맞게 결과를 필터링하십시오. 설정은 화면 오른쪽의 설정 패널과 블록 바로 위의 디스플레이 설정 버튼을 클릭하여 몇 군데에서 조정할 수 있습니다.

이 블록은 또한 전체 사이트 편집(FSE) 기능의 일부인 새로운 템플릿 편집기와 함께 작동하기 위한 것입니다.

탐색(수직)

탐색(수직) 블록을 사용하면 메뉴를 쉽게 추가할 수 있습니다. 사이드바에 기본 또는 보조 메뉴를 표시하려는 상황에 유용합니다. 메뉴는 가볍게 스타일을 지정할 수 있으며 반응형으로 설정할 수도 있습니다.

사이트 로고

기본 전제이지만 사이트 로고 블록을 사용하면 로고를 정의하고 어디에나 배치할 수 있습니다. 이것은 FSE를 지원하는 테마에 특히 유용합니다. 그러나 매번 미디어 라이브러리에서 로고를 검색할 필요 없이 여러 위치에서 로고를 사용하려는 모든 사람에게 도움이 될 수 있습니다.

사이트 제목 / 사이트 태그라인

사이트 로고 블록과 마찬가지로 이러한 새로운 선택을 통해 미리 정의된 데이터를 여러 위치에서 재사용할 수 있습니다. 예를 들어 사이트의 태그라인( 설정 > 일반 에 정의됨)을 사이드바에 배치하려면 원하는 위치에 블록을 배치하기만 하면 됩니다. 또한 사이트에 맞게 이러한 항목의 스타일을 지정할 수도 있습니다.

기존 블록을 잊지 마세요

사이드바에 딱 맞는 기존 블록이 많이 있습니다. 그 중에는 이미지 , 게시물 목록 , 게시물 카테고리 , 게시물 태그 및 로그인/아웃 블록이 있습니다. 각각은 WordPress 코어에 포함된 레거시 위젯을 모방하거나 확장합니다.

이전 위젯을 계속 사용할 수 있습니다.

설치한 기존 사용자 정의 위젯이 계속 작동한다는 점을 지적하는 것도 중요합니다. 레거시 위젯 블록을 사용하면 새 블록 기반 설정에 고유하지 않은 위젯을 배치할 수 있습니다. 사이드바에 블록을 추가하고 드롭다운 메뉴에서 원하는 위젯을 선택합니다.

이러한 구식 위젯이 지원되는 기간에 대한 질문에 대한 답은 그렇게 명확하지 않습니다. WordPress Shortcodes의 운명과 마찬가지로 그들의 운명은 공중에 떠 있습니다.

소프트웨어는 이러한 항목에서 분명히 이동하고 있습니다. 그러나 WordPress는 이전 버전과의 호환성을 선호하는 경향이 있습니다. 따라서 레거시 위젯은 사람들이 계속 사용하는 한 계속 작동할 것입니다. 아직 당황할 필요는 없습니다.

클래식 위젯 화면으로 돌아가기

이해합니다. 이 새로운 위젯 화면이 모든 사람을 위한 것은 아닙니다. 특히 구텐베르크를 기피하고 클래식 편집기를 선호하는 사람들.

고맙게도 WordPress 핵심 팀은 대안을 제공했습니다. 있는 그대로가 마음에 든다면 Classic Widgets 플러그인을 설치하고 활성화하세요. 소중한 UI를 웹사이트에 즉시 다시 사용할 수 있습니다.

WordPress 사이드바 재정의

Gutenberg 블록 편집기가 계속해서 WordPress 백엔드의 다른 영역으로 침투함에 따라 우리는 시대의 끝을 보고 있습니다. 우리가 당연하게 여겼던 많은 기능들이 크게 달라지고 있습니다.

한편으로 사용자가 손실을 슬퍼하는 이유를 이해할 수 있습니다. 위젯 화면은 편안한 작업 흐름의 한 예일 뿐입니다. 그것은 당신이 걱정할 필요가 없는 것이었습니다 – 그것은 단지 효과가 있었습니다.

그러나 이러한 변화에는 많은 긍정적인 요소가 있습니다. 하나는 통합 UI로 인해 신규 사용자가 WordPress를 훨씬 쉽게 탐색할 수 있습니다. 서로 다른 화면에 대해 별도의 볼트로 고정된 인터페이스를 갖는 것은 견고한 디자인보다 필요성에 대한 것이었습니다.

그리고 확장된 블록 기능은 사이드바가 더 이상 몇 가지 유형의 콘텐츠에 국한되지 않는다는 것을 의미합니다. 이를 통해 많은 사용자 지정 작업 없이 창의성을 표현하고 사용자에게 서비스를 제공할 수 있습니다.

그 결과 위젯을 추가하는 것이 보다 간소화되고 사용자 정의 가능한 경험이 될 것입니다. 이는 올바른 방향으로 나아가는 큰 단계입니다.