EditorPlus, 첫 번째 블록을 소개하고 사용자 정의 블록 생성기를 추가합니다

끝없는 새로운 기능의 맹공격으로 Munir Kamal은 지난 두 번의 업데이트에서 EditorPlus 플러그인에 몇 가지 주요 새 기능을 출시했습니다. 오늘 일찍 출시된 버전 2.0에는 7개의 새로운 블록 세트가 포함되어 있습니다. 이전 릴리스에서는 최종 사용자의 손에 더 많은 사용자 지정 옵션을 제공하는 블록 만들기 기능을 선보였습니다.

블록 편집기는 그의 창의성에 힘을 실어주었고 그는 블록 공유 웹사이트 GutenbergHub 또는 EditorPlus 플러그인에 대한 아이디어가 부족하지 않았습니다. 다음 릴리스에서는 플러그인 UI의 정밀 검사와 타사 개발자를 위한 가능한 API가 표시되어야 합니다.

그는 EditorPlus가 향후 출시될 때 WordPress의 사이트 편집기와 함께 작동하도록 할 것이라고 말했습니다. 또한 WooCommerce의 블록에 대한 최종 지원이 테이블 위에 있습니다. 지금은 그가 최근 몇 주 동안 출시한 플러그인 기능에 초점을 맞추고 있습니다.

사용자 정의 블록 생성

WordPress의 핵심 블록 세트가 이미 사용자의 손에 있으므로 거의 모든 것이 이미 가능합니다. 이 블록은 기본적으로 제목, 단락, 목록, 인용문 등과 같은 웹 디자인의 모든 기본 요소를 다룹니다. 때때로 독특한 것을 만드는 비결은 이러한 요소를 혼합하고 일치시켜 새로운 것을 만드는 것입니다. 이것이 본질적으로 이 새로운 블록 생성 기능이 EditorPlus를 위한 것입니다.

사용자 정의 블록을 저장하는 것은 간단합니다. 사용자는 먼저 자신의 블록을 핵심 그룹 블록으로 래핑해야 합니다. 그런 다음 블록 도구 모음의 "추가 옵션" 메뉴에서 "사용자 정의 블록에 추가" 옵션을 선택합니다. 플러그인은 저장하기 전에 블록 제목을 묻습니다.

게시물마다 동일하게 유지되는 리소스인 재사용 가능한 블록과 혼동하지 마십시오. 생성된 블록은 다른 블록과 같습니다. "내 사용자 정의 블록" 범주에서 블록 삽입기를 통해 액세스할 수 있습니다.

장기적으로 큰 도움이 될 몇 가지 사소한 세부 사항이 누락되었습니다. 첫 번째는 블록에 대한 사용자 정의 아이콘을 선택하는 기능입니다. 현재 모든 사용자 정의 블록은 아이콘을 공유합니다. 두 번째는 블록 삽입기에 미리보기를 추가하는 기능입니다.

Kamal은 최종 사용자가 스스로 간단한 블록을 만들 수 있도록 이 기능을 구축했습니다. 또한 개발자가 클라이언트 웹 사이트에 대한 블록을 빠르게 생성할 수 있는 도구입니다.

"예를 들어, 거의 모든 비즈니스 웹사이트에는 평가 블록이 필요하지만 정확한 목적을 위한 핵심은 없습니다."라고 그는 말했습니다. “물론 코어 블록을 조합하여 만들 수도 있고, 그렇게 하는 방법도 있습니다. Testimonial, Team, Pricing 등과 같은 블록을 가져오는 많은 블록 플러그인을 보았지만 코어 블록으로 쉽게 만들 수 있습니다.”

그는 이미 커뮤니티에서 자신의 블록 및 템플릿 라이브러리로 고유한 레이아웃을 생성하기 위해 코어 블록을 확장할 수 있는 정도를 보여주었습니다. 따라서 사용자가 편집기에서 직접 이러한 항목 중 일부를 빌드할 수 있는 것은 가능성의 영역 밖이 아닙니다.

블록 생성자는 블록 패턴 생성자로 취급하는 것이 좋을 것 같습니다. 본질적으로 사용자는 블록 그룹인 사용자 정의 패턴을 생성합니다. Kamal은 패턴 작성자도 할 일 목록에 있다고 말했습니다.

"Gutenberg는 콘텐츠/레이아웃을 만드는 데 사용할 이 두 부분을 모두 가지고 있으므로 두 기능을 모두 추가할 것입니다."라고 그는 말했습니다. “다른 이름으로 저장 블록이 추가되었고 '패턴으로 저장'도 추가됩니다. 워크플로에 따라 원하는 방식으로 사용하는 것은 사용자의 몫입니다.”

저는 블록 그룹을 처리하는 단일 기능인 기존 패턴 패러다임을 고수하는 쪽으로 기울었습니다. 그러나 사용자가 무엇을 선호하는지 보는 것은 흥미로울 것입니다. 장기적으로 가장 중요한 것은 페이지를 구축하는 데 필요한 도구에 쉽게 액세스할 수 있다는 것입니다.

"누락된" 블록

오늘 일찍 Kamal은 WordPress의 "누락된" 블록이라고 부르는 것을 출시했습니다. 기존 코어 블록으로는 불가능한 콘텐츠 유형을 처리하는 7개의 맞춤형 블록 세트입니다. 과거에 그는 WordPress가 즉시 제공한 도구를 확장하는 것을 선호하여 블록 생성을 주저했습니다.

"내 독창적인 아이디어는 여전히 구텐베르크를 확장하여 코드 없이 시각적으로 아름다운 디자인을 만들 수 있도록 하는 것입니다."라고 그는 말했습니다. “그리고 수백 개의 템플릿/디자인을 만든 후 웹 사이트 빌더에서 가장 일반적으로 사용되지만 Gutenberg에서는 누락된 몇 가지 중요한 누락 블록이 필요하다는 것을 깨달았습니다. 그래서 EditorPlus에서 누락된 블록만 추가하고 있으며, 현대적인 디자인을 만드는 데 필요하고 핵심 블록의 조합을 사용하여 쉽게 만들 수 없습니다. 예를 들어 탭 블록, 아코디언 블록 또는 추가된 다른 모든 블록은 이러한 기준에 맞는 블록입니다."

플러그인에는 다음과 같은 새 블록이 포함됩니다.

• 탭
• 토글/아코디언
• 상
• 평가
• 진행 표시 줄
• 통계/카운터
• 카운트 다운 타이머

이들 중 일부는 추가 JavaScript가 필요하기 때문에 핵심 WordPress에 적합하지 않습니다. 그러나 플러그인 개발자에게는 좋은 옵션이며 다른 라이브러리 유형 플러그인에서 흔히 볼 수 있는 블록이 아닙니다.

이들을 차별화하는 것은 플러그인의 스타일링 시스템과의 통합이며, Kamal은 향후 릴리스에서 이를 다른 플러그인 개발자에게 공개할 수 있습니다. 현재 계획은 사용자가 모든 블록을 사용자 지정할 수 있도록 독립적인 Styles API를 만드는 것입니다. 그는 이미 Advanced WP Facebook 그룹에서 아이디어에 대한 피드백을 받았습니다. 피드백의 대부분은 그러한 시스템이 WordPress 자체에 상륙하기를 바라는 것입니다.

플러그인의 새로운 블록의 흥미로운 기능 중 하나는 블록의 하위 요소를 클릭하면 블록 옵션 패널에서 해당 디자인 옵션이 자동으로 실행된다는 것입니다. 예를 들어 별표 평가 블록에는 "제목" 및 "평가" 요소가 있습니다. 제목을 클릭하면 사이드바에 디자인 옵션이 열리고 등급에 대해서도 마찬가지입니다. 이것은 CSS 속성별로 그룹화된 핵심 블록에 대한 EditorPlus의 디자인 옵션의 일반적인 구성에서 출발합니다. 개별 요소에 초점이 맞춰져 특정 옵션을 훨씬 쉽게 찾을 수 있습니다.

이 실험은 Kamal이 향후 업데이트를 위해 작업하고 있는 작업에 대한 약간의 전조입니다. 그의 큰 목표 중 하나는 UI를 정리하고(플러그인에 많은 옵션이 있음) 사용자가 블록을 더 빠르게 사용자 지정할 수 있도록 하는 것입니다.