Kioken Blocks: 페이지 빌더를 겨냥한 스트리트 파이터에서 영감을 받은 새로운 블록 컬렉션

지난 1년 동안 블록 수집 플러그인이 급증하면서 Kioken Blocks는 당신이 놓쳤을 수도 있는 비교적 알려지지 않은 신참입니다. CoBlocks(30K+), Atomic Blocks(20K+), Stackable(10K+) 및 Ultimate Addons for Gutenberg(100K+)와 같은 수천 명의 사용자를 보유한 경쟁업체와 비교할 때 Kioken은 페이지 빌더 유틸리티의 큰 연못에 있는 작은 물고기입니다.

최근 Matias Ventura의 "블록 영역" 개념을 소개하는 데모를 확인했다면 Kioken Blocks가 작동하는 것을 본 적이 있을 것입니다. 플러그인은 2개월 전에 처음 출시되었지만 이미 혁신적인 디자인 기능, 블록 템플릿 및 레이아웃으로 차별화되기 시작했습니다. 그 이름은 Street Fighter 아케이드 게임에서 영감을 얻었으며 주요 릴리스는 다양한 캐릭터 움직임의 이름을 따서 명명되었습니다.

Kioken의 가장 최근 릴리스에는 사용자가 더 복잡한 레이아웃에서 특수 효과를 위해 단락과 제목을 회전할 수 있는 새로운 세로 텍스트 설정이 포함되어 있습니다.

블록 편집기 내에서 사용자는 세로 텍스트 회전을 뒤집고, 정렬을 조정하고, 여백을 추가하고, 단락 시작표시문자를 추가하고, 선택 항목에 다른 표준 텍스트 설정을 적용할 수 있습니다.

Kioken에는 현재 17개의 블록이 포함되어 있으며, 모두 사용자의 테마에 완벽하게 맞는 미적 기본 디자인을 제공하는 데 중점을 두고 생성되었으며 각 블록에 대한 추가 사용자 지정 옵션이 있습니다. 블록은 다른 컬렉션의 쿠키 커터 반복이 아니라 고유한 스타일과 기능을 제공합니다.

예를 들어 Kinetic Posts 블록을 사용하면 여러 레이아웃 옵션이 있는 그리드, 열/목록 또는 슬라이더 내부에 사용자 정의 게시물 유형을 포함한 블로그 게시물을 나열할 수 있습니다. 사용자는 무작위로 주문하거나 사용자 정의 분류 쿼리를 사용하여 이름, 인기도, 날짜 및 게시물 유형별로 정렬하는 것과 같은 사용자 정의 쿼리를 실행할 수 있습니다.

Kioken Blocks의 제작자 Onur Oztaskiran은 이미 일반적으로 사용할 수 없는 기능과 블록을 추가하는 데 중점을 두고 있다고 말했습니다. 여기에는 사용자 정의 블록 어펜더, 어두운 배경에서 블록 선택 시 더 밝은 블록 형광펜, 사이드바의 블록 설정 변경 표시기와 같은 몇 가지 내부 유용성 기능이 포함됩니다.

Oztaskiran은 “사람들이 아직 액세스할 수 없는 블록을 추가하려고 합니다. “그래서 저는 아코디언이나 팀 블록을 만드는 데 시간을 들이지 않고 같은 패션 프리미엄 페이지 구축 도구(Kinetic Wrapper 블록, Animator 및 Vertical Text 확장 프로그램이 그 중 일부입니다)에서 콘텐츠 구축 프로세스를 풍부하게 하는 것들을 추가합니다. "

복잡한 페이지 빌더 플러그인에 대한 더 빠르고 간단한 대안 제공을 목표로 하는 Kioken Blocks

Oztaskiran은 이전에 Udemy, Noon.com 및 Qordoba에서 디자인 책임자로 일한 경험이 있는 디자인 배경을 가지고 있지만 WordPress의 페이지 빌드 기능의 한계를 뛰어넘기 위해 블록을 빌드하는 방법을 스스로 배웠습니다.

“Kioken Blocks는 Gutenberg 개발을 배우고 GB로 무언가를 할 수 있는지 테스트하기 위해 개인 취미로 시작했습니다. 이를 확장하여 Gutenberg만 사용하여 나와 다른 모든 사람의 페이지 작성 워크플로를 WordPress로 대체할 수 있습니다.

“저는 디자이너이지 그렇게 훌륭한 개발자는 아닙니다. 저는 주로 웹과 GitHub의 Gutenberg 리소스를 따라 Kioken Blocks를 구축했으며 대부분의 경우 Gutenberg GitHub 리포지토리에서 학습했습니다.”

Oztaskiran의 개인 사이트인 monofactor.com은 레이아웃과 함께 Themeforest 제품을 연상시키는 멋진 애니메이션을 포함하여 Gutenberg 및 Kioken Blocks만을 사용하여 구축되었습니다. 이 사이트는 블록 편집기와 몇 가지 사용자 정의 블록을 통해 사용자가 무겁고 과도하게 엔지니어링된 페이지 빌더 플러그인을 사용하지 않고도 아름답고 복잡한 레이아웃을 생성할 수 있는 방법을 보여주는 좋은 예입니다.

Oztaskiran은 "구텐베르그가 처음 출시되었을 때 믿음을 갖고 개발을 시작했습니다. 저도 사용자이고 페이지 빌더 플러그인에 대해 많은 것을 싫어하기 때문입니다."라고 Oztaskiran이 말했습니다. "나도 구텐베르그를 싫어하지만 지금 당장은 그만둘 수 없다."

Oztaskiran은 과거에 페이지 빌더 플러그인을 사용했고 일부에 대한 확장 기능도 만들었습니다.

"페이지 빌더를 사용할 때 페이지 빌더에서 가장 많은 것을 빼앗아 간 것은 사이트에 추가하는 MB의 리소스, 편집기에서 콘텐츠 편집의 복잡성, 일부에 대한 긴 학습 곡선, 그리고 가장 중요한 것은 복잡한 레이아웃과 매력적이고 풍부한 콘텐츠를 만드는 '프로'”라고 Oztaskiran은 말했습니다.

이러한 좌절의 결과, 그는 Kioken Blocks의 속도와 사용성에 중점을두기로 결정했습니다. Oztaskiran은 사용자가 다른 플랫폼에서 수행할 수 있었던 것보다 훨씬 빠르게 몇 분 안에 애니메이션의 복잡한 레이아웃을 만들 수 있는 제품을 개발한 것에 만족한다고 말했습니다. Kioken의 사전 정의된 블록 사전 설정을 통해 사용자는 배경 영웅 섹션, 제품 소개, 슬라이딩 사용 후기 및 기타 페이지 요소와 같은 요소를 삽입할 수 있으므로 사이트를 쉽고 빠르게 디자인할 수 있습니다. 이러한 유형의 요소는 미리 정의된 블록 템플릿과 테마 사이의 경계를 더욱 흐리게 합니다.

Oztaskira는 "Gutenberg에서 나를 놀라게 한 것은 가볍고 부풀려지지 않은 GB 호환 테마만 있으면 된다는 것입니다."라고 Oztaskira가 말했습니다. "당신은 놀라운 것을 만들 수 있습니다."

현재는 팀 없이 혼자서 플러그인을 관리하고 있지만 프로젝트에 많은 시간이 소요됩니다. 그는 플러그인의 업그레이드 페이지를 통해 상용 블록 템플릿을 판매하고 사용자 기반이 증가하고 있으므로 향후 파트너십을 고려하고 있습니다. Kioken Blocks는 현재 약 100개 이상의 활성 설치를 보유하고 있지만 Oztaskiran은 우선 지원, 상용 블록 템플릿 및 레이아웃을 포함하는 Pro 라이선스 판매 시 전환율이 약 6-7%라고 보고합니다.

자신을 "디자이너이자 형편없는 개발자"라고 밝혔음에도 불구하고 Oztaskiran은 Gutenberg 블록 개발 학습에 대한 투자를 통해 성과를 거두기 시작했습니다.

"논리를 이해하기 위해 프로 개발자가 될 필요는 없으며 평균적인 JS 지식이 있으면 짧은 시간에 GB 개발에 참여할 수 있습니다."라고 그는 말했습니다.

“저는 Gutenberg와 정말 기복이 있었고, Kioken Blocks는 그 '실패'를 커버하는 것을 목표로 하고 있습니다. 언젠가는 매력적이고 아름다운 콘텐츠를 만드는 데 다른 페이지 작성 도구 없이 구텐베르크만 필요하게 될 편집기용 도구를 만들려고 노력해 왔습니다.”