WordPress의 새 편집기로 가능한 것을 보여주는 3개의 Gutenberg 블록 컬렉션

바위 아래에서 생활하지 않는 한 Gutenberg 편집기의 임박한 출시에 대해 들었을 것입니다. 새로운 편집기는 2008년에 왼쪽 대시보드 메뉴가 탄생한 이후로 WordPress에 일어난 가장 큰 일입니다. 이 새로운 패러다임에서 가장 중요한 변화 중 하나는 '블록'의 도입으로, 이를 통해 편집기의 기능을 확장할 수 있습니다. 다양한 방법.

Gutenberg가 공식적으로 출시되기 전에도 베타 편집기에 추가할 수 있는 사용자 정의 블록이 이미 많이 있으므로 기능이 1마일 정도 향상됩니다. 이 기사에서 우리는 Gutenberg가 어디로 가고 있는지, 블록 컬렉션이 어떻게 도움이 되는지, 그리고 이미 시도해 볼 수 있는 몇 가지 옵션에 대해 조금 더 이야기할 것입니다.

뛰어들자!

구텐베르크가 지금 서 있는 곳

아시다시피 Gutenberg는 WordPress 5.0과 함께 출시될 예정입니다. 새 편집기는 몇 달 동안 플러그인으로 사용할 수 있었지만 이제 11월에 코어에 병합될 예정입니다. 다시 말해, 지금이야말로 워드프레스의 미래에 대비할 좋은 시기입니다.

마지막으로 구텐베르크에 대해 이야기한 이후로 꽤 멋진 변화가 생겼습니다. 예를 들어, 이제 블록을 끌어다 놓을 수 있어 Gutenberg가 페이지 빌더와 같은 느낌에 한 걸음 더 다가갈 수 있습니다.

게다가 이제 재사용 가능한 블록 템플릿을 생성할 수 있어 콘텐츠 생성 워크플로의 속도를 높일 수 있습니다. 블록 템플릿을 가져오고 내보낼 수도 있어 협업을 위한 멋진 길이 열립니다.

알림이 필요한 경우 모듈이 Divi Builder에 대한 것처럼 블록은 Gutenberg에 대한 것입니다. 다시 말해 구텐베르크가 페이지와 게시물을 구성하는 데 사용하는 핵심 요소입니다.

기본적으로 편집기에는 수십 개의 블록이 포함되어 있지만 플러그인을 통해 더 많은 블록을 추가할 수 있습니다. '블록 모음'을 다운로드하여 여러 관련 블록을 한 번에 다운로드하고 설치할 수도 있습니다. 실제로 이것은 표준 플러그인을 설치하는 것과 동일하게 작동합니다. 유일한 차이점은 새 편집기를 이미 활성화한 경우에만 Gutenberg 블록 컬렉션이 작동한다는 것입니다. 따라서 5.0이 출시될 때까지 먼저 Gutenberg 플러그인을 설치하고 활성화해야 합니다.

여기서 핵심은 Gutenberg가 기본 옵션 선택을 제공하는 WordPress 전통을 고수하면서 자신의 요구 사항에 맞게 옵션을 확장할 수 있다는 것입니다. 블록을 컬렉션으로 결합하면 여러 관련 블록을 추가하기 위해 단일 플러그인만 다운로드하면 되므로 프로세스가 훨씬 쉬워집니다.

체크 아웃해야 할 3 구텐베르크 블록 컬렉션

이 시점에서 편집기에 추가할 수 있는 개별 구텐베르크 블록이 많이 있습니다. 그러나 여러 블록을 개별적으로 추가하고 설치하는 데 소요되는 시간을 줄이기 때문에 이제 컬렉션에 집중할 것입니다. 사용 가능한 컬렉션 목록이 늘어날 가능성이 높지만 다음은 이미 확인할 가치가 있는 컬렉션 3개입니다.

1. 원자 블록

현재 사용 가능한 모든 구텐베르크 블록 컬렉션 중에서 원자 블록은 단연코 가장 세련된 옵션입니다. 설치하자마자 다음과 같은 철저한 환영 페이지가 나타납니다.

현재 Atomic Blocks에는 포스트 그리드, 컨테이너, 평가, 인라인 알림, 아코디언 등을 포함하는 11개의 블록이 있습니다. 혼동을 피하기 위해 Atomic Blocks는 모든 새 블록을 새 탭으로 분리합니다. 이 탭은 플러그인을 설치한 후 편집기를 시작하면 표시됩니다.

전반적으로 Atomic Blocks 컬렉션은 Gutenberg가 현재 제공하는 것의 훌륭한 확장처럼 느껴집니다. 블록 선택은 다양한 사이트에 유용한 옵션으로 새 편집기의 기능을 확장합니다.

주요 특징들:

• 11개의 새로운 구텐베르크 블록이 포함되어 있습니다.
• 게시물 그리드, 컨테이너, 평가, 공유 아이콘 등을 추가합니다.
• 혼동을 피하기 위해 새 블록을 분리합니다.

가격: 무료 | 추가 정보

2. 쌓을 수 있는

Stackable은 우리가 가장 좋아하는 Gutenberg 블록 컬렉션 중 하나입니다. 현재 Atomic Blocks에서 제공하는 것과 유사한 일부를 포함하여 편집기에 추가할 수 있는 17개의 새로운 블록이 포함되어 있습니다.

블록 수만을 기준으로 본 이 컬렉션은 시장에서 가장 큰 컬렉션 중 하나입니다. 더 중요한 것은 Stackable의 모든 블록이 고도로 연마되어 있다는 것입니다. 플러그인에는 배경 이미지, 애니메이션 등을 추가하고 변경할 수 있는 것과 같은 고급 사용자 지정 옵션도 포함되어 있습니다.

궁극적으로 Atomic Blocks와 Stackable은 Gutenberg 블록 개발에 대해 두 가지 다른 접근 방식을 취합니다. 전자는 구텐베르크가 목표로 하는 근본적인 단순함에 추가하는 것을 목표로 합니다. 반면에 Stackable은 보다 전통적인 페이지 빌더에서 볼 수 있는 것과 유사한 Gutenberg 블록 컬렉션을 찾고 있는 경우 더 나은 옵션입니다.

주요 특징들:

• 17개의 새로운 구텐베르크 블록이 포함되어 있습니다.
• 배경 변경, 애니메이션 추가, 텍스트 크기 수정 등을 통해 새 블록을 사용자 정의하십시오.

가격: 무료 | 추가 정보

3. 에디터 블록

Editor Blocks는 Gutenberg Block 컬렉션과 관련하여 블록의 새로운 아이입니다. 우리가 일반적으로 제공하는 플러그인만큼 설치 또는 리뷰가 많지 않습니다. 그러나 이 블록 컬렉션을 테스트한 후 포함된 멋진 기능으로 인해 목록에 포함될 자격이 있음이 분명합니다.

즉시 Editor Blocks는 Gutenberg 편집기에 10개의 새로운 블록 옵션을 추가합니다. 여기에는 가격표, 팀 구성원 및 영웅 섹션, 평가가 포함됩니다.

그것은 우리가 본 다른 컬렉션에 비해 꽤 표준적인 선택입니다. 그러나 Editor Blocks는 설정 및 구성이 매우 쉬운 가격표 및 팀 구성원 섹션으로 인해 특히 두드러집니다.

이러한 유형의 섹션을 설정하기 위한 최상의 블록 옵션을 찾고 있다면 Editor Blocks가 바로 옆에 있을 것입니다. 사실, 모든 세계를 최대한 활용하기 위해 여러 블록 컬렉션을 설치하지 못할 이유가 없습니다.

주요 특징들:

• 10개의 새로운 구텐베르크 블록이 포함되어 있습니다.
• 모든 페이지에서 세련된 가격표와 팀원 섹션을 만들 수 있습니다.

가격: 무료 | 추가 정보

개별 구텐베르크 블록을 찾을 수 있는 곳

특정 블록을 찾고 있고 사용하지 않을 것 같은 컬렉션이 필요하지 않거나 필요하지 않은 경우 구텐베르크 블록 라이브러리를 방문하는 것이 좋습니다. 이 라이브러리는 우리가 1분 전에 확인한 Editor Blocks 플러그인의 제작자 Danny Cooper의 아이디어이며, 지금은 개별 블록을 찾기에 가장 좋은 곳입니다.

라이브러리 자체는 탐색하기가 이보다 더 간단할 수 없습니다. 웹 사이트를 사용하면 현재 몇 가지 옵션이 있는 전체 컬렉션을 계속해서 스크롤할 수 있습니다.

블록에 대한 자세한 정보를 보려면 블록을 클릭하면 새 페이지가 열립니다. 여기에 몇 가지 스크린샷과 다운로드 버튼이 표시됩니다.

다운로드 버튼을 클릭하면 WordPress.org의 블록 페이지로 이동합니다. 여기에서 리뷰, 평가를 확인하고 플러그인 자체를 다운로드할 수 있습니다. 구텐베르크 블록 라이브러리의 목표는 블록 자체를 호스팅하는 것이 아니기 때문입니다. 대신 WordPress.org의 수천 개 플러그인에 숨겨져 있을 수 있는 옵션을 찾는 데 도움이 됩니다.

결론

WordPress의 핵심 기둥 중 하나는 항상 확장 가능하다는 것입니다. 이 철학은 플러그인을 통해 더 많은 것을 추가하여 기본 블록 선택을 확장할 수 있도록 하는 새로운 Gutenberg 편집기에 반영됩니다. 이를 위해 일련의 관련 블록을 결합한 블록 컬렉션을 설치하거나 필요한 것을 정확히 선택하고 선택하려는 경우 개별 블록을 다운로드할 수 있습니다.

이미 사용 가능한 구텐베르크 블록 컬렉션의 일부와 여러 개별 블록 플러그인이 있습니다. 후자를 찾으려면 Gutenberg 블록 라이브러리를 사용하여 사이트에 쉽게 다운로드하고 설치할 수 있는 블록을 검색할 수 있습니다. 먼저 구텐베르크 플러그인을 다운로드하는 것을 잊지 마십시오!

구텐베르크가 향후 릴리스에 포함하기를 원하는 유형의 블록은 무엇입니까? 아래 의견 섹션에서 아이디어를 공유하십시오!

A Aleksii의 기사 축소판 이미지 / shutterstock.com