WordPress, Gutenberg 13.7 출시 – 워크플로 및 더 나은 UI에 중점

WordPress는 워크플로를 개선하고 전체 사이트 편집기 내에서 보다 세분화된 제어를 제공하며 사용자 인터페이스에 대한 수많은 개선 사항을 제공하는 수많은 개선 사항이 포함된 Gutenberg 13.7을 공개했습니다.

WordPress의 다른 릴리스와 마찬가지로 이것은 누적 업데이트이며 완전히 새로운 경험은 아닙니다.

즉, 편집 경험이 더 직관적이고 자연스러워야 합니다.

더 세분화된 제어를 제공하는 블록 잠금

13.7에는 블록 요소가 변경되지 않도록 잠그는 기능에 대한 추가 개선 사항이 포함되어 있습니다.

최신 개선 사항은 사용자가 이제 잠긴 블록 내에 포함된 블록 요소에 잠금 기능을 적용할 수 있다는 것입니다.

토글을 선택하면 블록에 적용된 잠금 기능이 블록에 포함된 블록으로 상속될 수 있습니다.

차단 메뉴

블록을 잠그도록 선택하면 잠긴 블록에 포함된 블록에 대해 보다 세분화된 잠금 제어 옵션을 제공하는 또 다른 메뉴가 생성됩니다.

블록 잠금 모달의 근접 촬영

팝업 모달 메뉴 개선

모달이라고 하는 팝업 메뉴는 기본 설정 업데이트와 같은 다양한 변경을 수행할 수 있는 작업 중인 페이지 상단에 생성될 수 있습니다.

이 변경 사항은 메뉴 아래에 있는 문서에 흐림 효과를 적용하는 것입니다.

모달 팝업 메뉴 아래의 페이지를 흐리게 하면 포커스가 향상됩니다.

이 새로운 기능(아직 개발 중임)에 대한 우려가 제기되었는데, 이는 사용자가 흐림으로 인해 변경되는 내용에 대한 컨텍스트를 잃을 가능성이 있다는 점입니다.

그들은 어떤 경우에는 배경을 흐리게 하면 사용자가 변경되는 내용을 볼 수 없게 되어 컨텍스트가 제거될 것이라고 제안했습니다.

그 사람은 다음과 같이 썼습니다.

“모달의 내용과 맥락적으로 관련된 모달 외부의 요소가 있는 잠재적인 사용성 문제가 막 발생했습니다.

예를 들어, 목록 보기에서 항목을 조정하여 잠금을 적용하거나 제거하려면 모달이 열린 상태에서 강조 표시한 (특정) 블록을 더 이상 볼 수 없습니다..."

그 문제에 대한 해결책은 컨텍스트를 계속 볼 필요가 있는 경우 모달(팝업) 메뉴가 최상의 사용자 인터페이스가 아니라는 관찰이었습니다. 이는 사용자가 기본 문서를 참조해야 하는 상황에서 모달이 사용되지 않기 때문에 흐림이 문제가 되지 않는다는 것을 의미했습니다.

"...일반적으로 모달 콘텐츠와 나머지 UI를 함께 관찰해야 하는 경우 모달이 최선의 선택이 아닐 것입니다."

모달 뒤의 흐림의 예

템플릿 시스템은 더 많은 디자인 제어를 제공합니다.

이 변경으로 사용자는 개별 카테고리, 태그, 페이지 및 사용자 정의 게시물 유형에 고유할 수 있는 더 많은 템플릿을 만들 수 있습니다.

워드프레스에 따르면:

"예를 들어, 모든 개인 블로그 게시물에 대해 다른 템플릿을 사용할 수 있고, 모든 개발자 관련 블로그 게시물에 대해 두 번째 템플릿을, 모든 여행 게시물에 대해 세 번째 템플릿을 사용할 수 있습니다.

사이트에서 책이나 제품과 같은 추가 게시물 유형을 등록한 경우 편집기 인스턴스는 새 템플릿 추가 버튼의 선택 상자에 자동으로 나열합니다.

이것은 눈부신 제한을 제거하고 Gutenberg 전체 사이트 편집기를 사용할 때 더 나은 웹 사이트를 만드는 기능을 확장하기 때문에 환영할 만한 추가 사항입니다.

워크플로 개선

추가 옵션을 제공하여 워크플로를 개선하고 간소화하기 위한 다른 개선 사항이 있습니다.

이러한 변경 사항 중에는 미디어 라이브러리에서 업로드하거나 선택하는 대신 미디어 자리 표시자에서 추천 이미지를 선택할 수 있는 기능이 있습니다.

주요 개선된 모달의 스크린샷

이 개선의 이유는 pull 요청에 문서화되어 있습니다.

“이 PR을 통해 미디어 블록을 지원하여 사용자에게 자리 표시자 상태의 추천 이미지로 시작할 수 있는 옵션을 제공할 수 있습니다.

왜
옵션을 얻기 위해 다른 미디어를 선택해야 하는 것을 피하기 위해 그리고 이제 추천 이미지가 미디어 교체 흐름의 "미디어 추가" 블록 컨트롤 뒤에 숨겨져 있기 때문입니다."

신규: 읽을 시간

문서를 읽는 데 걸리는 시간을 확인하는 기능도 추가된 새로운 기능입니다.

이 새로운 기능은 현재 단어, 문자, 사용된 제목 요소, 단락 수 및 블록 수에 대한 피드백을 제공하는 포스트 편집기 화면의 정보 표시줄에 추가되었습니다.

일반 독자가 문서를 읽는 데 걸리는 시간은 매우 유용한 정보입니다.

업데이트된 정보 표시줄의 스크린샷

사이드바 설정 패널 사용자 인터페이스 개선

개선된 사용자 인터페이스의 또 다른 예는 사이드바 설정 패널에 있습니다. 이 패널은 더 쉽게 사용할 수 있도록 업데이트됩니다.

설정 패널의 레이아웃은 보다 직관적이고 쉽게 스캔하고 메뉴 선택 항목에서 선택할 수 있습니다.

전후의 스크린샷

WordPress는 개선된 인터페이스에 대해 다음과 같이 설명했습니다.

"결과적으로 게시물/페이지에 대한 모든 중요한 정보에 한 눈에 더 쉽게 액세스할 수 있도록 도와주는 보다 깨끗하고 조직화된 디스플레이가 됩니다."

많은 개선 사항

새로운 Gutenberg 13.7은 누적 업데이트이며 이전 버전에서 급격한 변화가 아닙니다. 개선 사항은 눈에 띄지 않을 수 있지만 보다 자연스러운 편집 경험에 기여할 것입니다.

이 업데이트는 색상 선택기와 같은 새로운 구성 요소, 향상된 문서 설정, 향상된 전체 사이트 편집 환경 및 수많은 버그 수정과 같은 구텐베르크 편집기의 거의 모든 영역을 다룹니다.

인용

전체 WordPress 발표 읽기

구텐베르크 13.7의 새로운 기능은 무엇입니까?

블록 잠금 풀 요청 읽기

블록 잠금: '내부 블록에 적용' 옵션 추가 #41876

모달의 배경 흐림

모달 디자인 업데이트 #40781

추천 이미지 풀 요청으로 시작

미디어 자리 표시자 #41722에서 추천 이미지로 시작

Shutterstock/Vulp의 추천 이미지
작성자가 수정함