15 최고의 WordPress 구텐베르크 블록 플러그인

Gutenberg 편집기 는 이제 WordPress의 일부입니다. 최고의 Gutenberg 블록 플러그인을 찾고 있다면 이 기사에서 사용 가능한 상위 옵션을 나열했습니다.

구텐베르크 편집기가 도입된 후 게시물 페이지에서 사용하는 모든 요소는 블록입니다. 게시물에 이미지를 추가하려면 이미지 블록을 추가해야 하며, 단락, 타일 및 기타 요소의 경우 해당 블록을 추가하고 편집해야 합니다.

따라서 게시물에 추가 기능이 필요한 경우 이러한 추가 블록 을 추가하여 옵션을 추가해야 합니다.

WordPress는 이미 텍스트 블록, 이미지 블록, 제목 블록, 테이블, 열, 버튼 및 기타 여러 블록과 같은 다양한 블록을 생성했습니다.

여기에서 구텐베르크 편집기를 사용하는 방법에 대한 자세한 자습서를 만들었습니다. 이 문서는 새 편집기를 이해하고 시작하는 데 도움이 될 것입니다.

구텐베르크 블록 플러그인을 진행하기 전에 기본 편집기와 함께 제공되는 일반 블록을 살펴보겠습니다.

01. 제목 블록: 이 블록을 사용하여 게시물이나 페이지에 제목을 추가합니다. 일반적으로 블로그 게시물의 부제목에 H2, H3 태그를 추가하는 데 사용됩니다.

02. 단락 블록 : WordPress 사이트에서 가장 널리 사용되는 블록 중 하나입니다. 이름에서 알 수 있듯이 이 블록은 블로그 게시물에 콘텐츠를 추가하는 데 사용됩니다.

03. 이미지 블록 : 설명이 필요 없습니다. 이 블록을 사용하여 블로그 게시물에 이미지를 추가할 수 있습니다.

04. 리스트 블록 : 블로그 글에 글머리 기호를 생성할 때 사용하는 블록입니다. 이 옵션은 클래식 편집기에도 있었습니다.

05. 버튼 : 클래식 편집기에서 버튼을 추가하기 위해 사용자 정의 코드 또는 단축 코드 플러그인을 추가했습니다. 워드프레스에는 구텐베르크가 도입되기 전에 클릭 유도문안 버튼을 추가하는 기본 옵션이 없었습니다. 그러나 이제 행동 유도 버튼을 추가하는 기본 블록이 제공됩니다.

06. 테이블 블록: WordPress에는 게시물에 테이블을 추가하는 옵션이 없었지만 Gutenberg에서는 게시물에 테이블을 추가하는 기본 옵션이 제공됩니다. 표 블록을 사용하여 항목 목록을 표 형식으로 만들거나 사이트에서 선보이는 다양한 제품을 비교할 수 있습니다.

테이블 블록은 색상 설정을 사용자화할 수 있는 몇 가지 옵션을 제공하지만 제한적입니다. 따라서 사이트에 여전히 고품질 테이블 플러그인이 필요할 수 있습니다.

07. Cover Block : 이것은 새로운 편집기에 아주 유용한 또 다른 추가 기능입니다. 커버 블록은 커버 블록으로 명확하게 구분된 다양한 섹션으로 고품질의 기사를 만드는 데 매우 효과적인 요소가 될 수 있습니다.

08. Embed Block : 이제 YouTube, Twitter, Instagram과 같은 다른 소스의 콘텐츠를 이전보다 훨씬 쉽게 포함할 수 있습니다. 기본 Embed 블록은 여러 플랫폼의 콘텐츠를 포함할 수 있는 다양한 옵션을 제공합니다.

09. 열 블록 : Gutenberg를 사용하면 페이지의 게시물에 여러 열 콘텐츠 레이아웃을 만드는 빠른 옵션이 있습니다.

10. 블록 서식 지정 : 기본 Gutenberg 편집기는 텍스트 이외의 콘텐츠 유형을 편집하는 동안 필요할 수 있는 여러 블록을 제공합니다. 코드 블록, HTML 블록 등이 있습니다.

11. 갤러리 블록 : Gutenberg에는 기본 갤러리 블록도 함께 제공됩니다. 갤러리 그리드 형식으로 여러 이미지를 품질에 추가할 수 있습니다. 새 이미지를 업로드하거나 미디어 갤러리의 이미지를 선택하여 게시물에 표시할 수 있습니다.

콘텐츠를 만드는 동안 정말 도움이 되는 여러 블록이 있습니다.

맞춤형 구텐베르크 플러그인이 필요한 이유는 무엇입니까?

Gutenberg는 이미 블로그 게시물을 생성할 때 거의 모든 요구 사항을 처리할 수 있는 기본 옵션에서 많은 블록을 제공하므로 사용자 지정 플러그인이 필요한 이유는 무엇입니까?

사용자 지정 구텐베르크 블록 플러그인이 필요한 주된 이유는 기본 블록이 디자인 가능성 측면에서 제한되어 있기 때문입니다. 또한 기본 옵션 중에서 아직 사용할 수 없는 여러 개의 다른 블록이 사이트에 필요할 수 있습니다.

콘텐츠를 게시하고 확장 기능이 필요하지 않은 매우 간단한 블로그를 관리하는 경우 기본 옵션으로 충분합니다.

Gutenberg는 단순한 편집기가 아니라 그 자체로 웹사이트 빌더이며 이러한 사용자 지정 Gutenberg 블록 플러그인을 사용하면 웹사이트를 위한 멋진 디자인을 만드는 과정이 간단해집니다.

다음 블록 플러그인 중 다수를 사용하여 사이트에 대한 완벽한 맞춤형 디자인을 만들 수 있습니다. 더 이상 웹사이트 빌더가 필요하지 않습니다.

따라서 더 이상 고민하지 않고 최고의 Gutenberg 블록 플러그인을 살펴보겠습니다.

구텐비

GutenBee는 WordPress 사이트에서 콘텐츠를 더 쉽고 유연하게 생성할 수 있도록 다양한 맞춤형 Gutenberg 블록을 제공하는 또 다른 훌륭한 무료 플러그인입니다.

현재 GutenBee는 새로운 블록과 정기적으로 추가되는 업데이트된 기능과 함께 27개의 사용자 지정 블록을 번들로 제공합니다.

음식 메뉴 블록을 사용하여 이미지, 가격 및 설명이 포함된 바 또는 레스토랑을 위한 멋진 메뉴를 만드십시오.

지루한 기본 지도 모양은 잊어버리세요. Google 지도 블록을 사용하면 번들로 제공되는 여러 사용자 정의 스타일 중 하나를 선택하거나 자신의 SnazzyMaps 스타일을 가져와 연락처 페이지를 멋지게 꾸밀 수 있습니다.

리뷰 블록을 사용하면 영화, 음식, 게임 등의 리뷰를 여러 카테고리와 자동 평균 등급으로 요약할 수 있습니다.

시차 및 비디오 배경으로 시선을 사로잡는 배너를 만들어 청중의 관심을 끌 수 있습니다.

콘텐츠에서 게시물 유형 블록을 끌어다 놓아 가변 열 번호, 카테고리 필터링 등을 포함하는 게시물 및 사용자 정의 게시물 유형 목록을 생성합니다.

물론 GutenBee는 단락, 제목, 탭, 아코디언, 갤러리, 아이콘 블록 등과 같은 모든 필수 블록을 제공합니다.

GutenBee 블록은 사용자 정의 가능한 색상, 배경, 테두리, 그림자 등으로 광범위한 모양 옵션을 제공합니다. 또한 가시성 옵션을 사용하면 보고 있는 장치 유형에 따라 차단을 표시하거나 숨길 수 있으며 로그인 또는 로그아웃한 사용자에 대한 차단을 표시/숨길 수 있습니다.

Atomic Blocks: Gutenberg Editor용 애드온

WordPress 사이트에 유용한 여러 블록을 제공하는 인기 있는 무료 구텐베르크 블록 WordPress 플러그인.

플러그인은 WPEngine 팀에서 인수하므로 향후 정기적인 업데이트와 유용한 새 블록을 기대할 수 있습니다.

플러그인은 이미 사용할 준비가 된 몇 가지 매우 유용한 블록을 제공합니다.

• 포스트 그리드 블록
• 컨테이너 블록
• 클릭 유도문안 블록
• 사용자 정의 버튼
• 스페이서 및 분할
• 작성자 프로필
• 드롭 캡
• 증명서
• 인라인 통지
• 아코디언
• 아이콘 공유

플러그인은 간단하고 사용하기 쉽습니다. 플러그인을 활성화하면 관리자 백엔드에 옵션이 표시됩니다.

플러그인은 블록 편집기에 새로운 Atomic Block 옵션을 추가합니다. 다른 구텐베르크 블록과 마찬가지로 페이지에 준비된 원자 블록을 선택할 수 있습니다.

고급 구텐베르크

Advanced Gutenberg는 WordPress 사이트에 20가지가 넘는 유용한 블록을 가져오는 매우 유용한 Gutenberg WordPress 플러그인입니다.

이것은 Advanced Gutenberg 플러그인과 함께 몇 가지 다른 유용한 WordPress 플러그인을 제공하는 JoomUnited 팀에서 만든 플러그인입니다.

플러그인을 활성화하면 관리 대시보드에 옵션이 표시됩니다. 플러그인은 역할 또는 프로필에 따라 추가 프로필을 만들고 블록을 할당하는 옵션을 제공합니다.

게시물을 편집하는 동안 고급 블록을 추가하고 Gutenberg 편집기에서 바로 사용자 지정할 수 있습니다. 이 플러그인은 여러 추가 기능으로 이미지, 버튼 등과 같은 가장 중요한 블록 중 일부를 향상시킵니다.

Gutenberg는 버튼, 테이블 등과 같은 풍부한 기사 디자인을 만드는 데 필요한 많은 블록을 제공합니다. 그러나 디자인 옵션은 제한적입니다. Advanced Gutenberg 플러그인은 이 플러그인이 가져오는 추가 블록과 함께 새로운 디자인 옵션으로 이러한 모든 준비된 블록을 향상시킵니다.

테이블 기능을 살펴보겠습니다.

어떤 제품이나 서비스에 대한 비교 테이블을 배치하려는 경우 기본 구텐베르크 테이블은 디자인면에서 매우 제한적입니다. Advanced Gutenberg는 여기에 스타일 옵션을 추가하여 완성합니다.

Spectra(이전에는 구텐베르크용 Ultimate 애드온 )

최고의 Gutenberg Blocks WordPress 플러그인 중 하나인 Spectra는 사이트에 여러 가지 유용한 블록을 제공합니다.

많은 사용자가 이미 플러그인을 사용하고 있습니다. 사이트에 가장 적합한 Gutenberg 블록 플러그인을 찾고 있다면 이 도구를 사용할 수 있습니다.

다음은 궁극적인 애드온 플러그인에서 제공하는 몇 가지 중요한 블록입니다.

• 고급 열
• 고급 제목
• 행동을 요구하다
• 구글지도
• 타임라인 포스트
• 포스트 레이아웃
• 가격표
• 그리고 더

블로그를 위한 아름다운 그리드 기반 레이아웃을 만드는 옵션을 찾고 있다면 Spectra 플러그인이 Masonry를 포함하여 사이트에 대한 다양한 유형의 게시물 레이아웃을 만드는 옵션과 함께 제공되므로 추가 플러그인을 설치할 필요가 없습니다. 그리드 레이아웃.

또한 Google 지도를 포함해야 하는 사이트를 관리하는 경우 플러그인을 사용하여 게시물에 지도를 삽입할 수 있습니다. 여기에 Ultimate 애드온 플러그인을 사용하여 Google 지도를 삽입하는 방법을 보여주는 기사를 게시했습니다.

섹션 블록은 블로그 게시물을 위한 멋진 레이아웃을 만드는 데 사용할 수 있는 또 다른 유용한 옵션입니다. 이러한 종류의 박스형 및 전체 너비 섹션은 적어도 웹 사이트 빌더를 사용하지 않고는 WordPress에서는 불가능했습니다.

이제 Spectra를 사용하면 정말 쉽습니다. 전반적으로 이것은 귀하의 사이트에서 사용할 수 있는 최고의 Gutenberg 블록 플러그인 중 하나입니다.

궁극의 블록

Ultimate Blocks for Gutenberg는 현재 14개의 다른 블록을 제공하며 팀은 Gutenberg 편집기를 위한 가장 포괄적인 솔루션 중 하나를 만들기 위해 많은 새로운 블록을 작업하고 있습니다.

플러그인은 매우 간단하고 시작하기 쉽습니다. 플러그인을 활성화하면 WordPress 관리자 패널에 플러그인 옵션이 표시됩니다. 모든 블록은 기본적으로 활성화되어 있으며 사용하지 않으려는 경우 블록을 비활성화할 수 있는 옵션이 있습니다.

새 게시물을 만들 때. Ultimate Blocks 옵션에 대한 새 블록 그룹이 표시됩니다. 다른 기본 구텐베르크 블록으로 사용할 수 있습니다.

플러그인은 목차, 별점, 트윗 클릭, 알림 상자, 카운트다운 타이머 등과 같이 블로거가 정기적으로 필요로 하는 매우 중요한 블록을 제공합니다.

따라서 이 플러그인은 모든 작업을 단독으로 수행할 수 있으므로 현재 사이트에서 사용 중인 다양한 플러그인을 폐기합니다.

개발자는 플러그인에 대한 도움이 필요한 경우를 대비하여 훌륭한 지원을 제공합니다. 따라서 이미 Gutenberg 편집기를 사용하기 시작했다면 Ultimate 블록 플러그인을 사용하여 다음 단계로 이동하십시오.

큐블리

Qubely는 구텐베르크 편집기의 모든 한계를 최소화하고 새로운 가능성을 열어주는 구텐베르크 블록 플러그인입니다.

WordPress 기본 편집기에서 Qubely 사용자 정의 블록을 사용하여 복잡한 레이아웃을 만들 수 있습니다.

Qubely로 가격 책정 계획, 기능, 평가, 진행률 표시줄 등을 디자인하세요. 그리드 및 목록 보기에서 게시물을 표시하고, 팀원을 스타일리시하게 표시하고, 방문자를 더 많이 유치하기 위해 비디오를 팝업합니다.

즉시 사용 가능한 스타일 옵션을 적용하여 WordPress Gutenberg 블록 편집기를 완전히 제어할 수 있습니다.

Qubely는 준비된 섹션, 레이아웃 번들, 모양 구분선, 장치별 반응 제어 시스템, 타이포그래피 제어 옵션 및 기타 여러 기능과 요소를 제공합니다.

Qubely는 맞춤형 Gutenberg 블록으로 웹사이트 디자인을 관리합니다. Qubely 블록은 기능이 뛰어나고 사용자 친화적입니다.

디자인을 조정하고 원하는 방식으로 콘텐츠를 표시할 수 있는 다양한 옵션이 있습니다. Qubely Gutenberg 플러그인의 블록 수가 업데이트와 함께 증가하고 있습니다.

Qubely에는 이미 완전히 무료로 사용할 수 있는 26개의 블록이 있습니다. 앞으로 더 많은 블록이 올 것입니다.

주목할만한 Qubely 블록은 다음과 같습니다.

• 포스트 그리드
• 가격
• 블록 래퍼
• 팀
• 영상
• 타임라인
• 열
• 증명서
• 카운터
• 탭
• 아코디언/토글
• 비디오 팝업
• 구글지도
• 진행 표시 줄
• 분할기
• 버튼 그룹
• 정보 상자
• 고급 목록
• 문의 양식

쌓을 수 있는

Stackable은 언급할 가치가 있는 또 다른 플러그인입니다. 이 플러그인은 숫자, 카운터, 배경 이미지가 있는 텍스트 등과 같은 다양한 요소가 있는 페이지를 만드는 동안 사용할 수 있는 매우 유용한 블록을 많이 추가합니다.

이 플러그인을 활성화하면 풍부한 페이지 디자인을 만드는 동안 사용할 수 있는 새 블록 섹션이 추가됩니다.

이 플러그인에서 제공하는 몇 가지 중요한 블록은 다음과 같습니다.

• 카드
• 카운터
• 컨테이너
• 추천 그리드
• 증명서
• 알림 차단
• 팀원 차단
• 그리고 더

겟위드

포괄적인 무료 Gutenberg 플러그인 옵션을 찾고 있다면 이것은 훌륭한 옵션입니다.

MotoPress의 이 플러그인은 WordPress 사이트에서 사용할 수 있는 29개의 매우 유용한 블록을 제공합니다.

다음은 Getwid 플러그인에서 제공하는 몇 가지 중요한 블록입니다.

• 부분
• 고급 제목
• 버튼 그룹 블록
• 리뷰
• 진행 표시 줄
• 카운터
• 최근 게시물
• 가격 상자
• 소셜 링크
• 이미지 스택 갤러리
• 인스 타 그램
• 배너
• 증명서
• 가격 상자
• 소셜 링크
• 최근 게시물

Getwid 플러그인과 완벽하게 호환되는 이 플러그인으로 아름다운 무료 Gutenberg 호환 테마를 얻을 수 있습니다. 이 조합이 있으면 사이트에 다른 웹사이트 빌더를 제공하지 않습니다.

CoBlocks: 콘텐츠 마케터를 위한 Gutenberg Blocks

이름에서 알 수 있듯이 이 플러그인은 마케터에게 유용한 블록을 제공합니다. 이 플러그인은 ThemeBeans 팀에서 만듭니다.

이 플러그인에서 제공하는 블록은 다음과 같습니다.

• 아코디언 블록
• 경고 차단
• 소셜 공유 차단
• 작성자 차단
• 동적 HR 블록
• 트윗 차단 클릭
• GIF 블록
• GitHub 요지 블록
• 가격 테이블 블록
• 하이라이트 블록

보케즈

Bokez는 페이지를 만드는 데 사용할 수 있는 또 다른 놀라운 구텐베르크 블록 모음입니다. 그것은 당신에게 평가, 아코디언, 포스트 그리드, 커버 블록과 같은 몇 가지 매우 중요한 블록을 제공합니다.

구텐베르크의 편집기 블록

다양한 블록과 요소로 완전한 랜딩 페이지를 만드는 데 사용할 수 있는 플러그인을 찾고 있다면 이것은 좋은 옵션입니다.

이 플러그인은 영웅 섹션, 콘텐츠 래퍼, 팀, 가격표 등이 포함된 랜딩 페이지를 만드는 데 사용할 수 있는 매우 유용한 구텐베르크 블록을 제공합니다.

궤도 여우

Orbit Fox는 여러 가지 유용한 기능과 옵션을 제공하는 매우 편리한 WordPress 플러그인입니다. 이 단일 플러그인은 이러한 모든 기능을 제공하여 다른 여러 플러그인을 대체할 수 있습니다.

간단한 Google Analytics 통합에서 준비된 페이지 템플릿에 이르기까지 모든 것이 있습니다.

이 플러그인은 또한 Elementor 및 Beaver Builder와 같은 웹사이트 빌더를 위한 다양한 추가 기능과 위젯을 제공하여 매우 유용한 제품입니다.

소셜 공유 버튼을 제공하고, 많은 옵션 목록에서 사용하려는 버튼을 선택할 수 있으며, 사이트에서 아름다운 방문 페이지를 만드는 데 사용할 수 있는 준비된 페이지 템플릿을 제공합니다.

무엇보다도 1GB의 무료 CDN 트래픽이 제공되며 사이트의 이미지를 최적화하여 더 빠르게 로드할 수 있습니다.

수달 블록

Otter Blocks는 WordPress 사이트에서 무료로 사용할 수 있는 또 다른 매우 유용한 Gutenberg 블록 플러그인입니다.

이 가벼운 플러그인은 시각적으로 매력적인 웹사이트를 만드는 데 도움이 됩니다. 플러그인은 다양한 블록을 제공합니다.

클릭 한 번으로 페이지에 삽입하고 필요에 따라 편집할 수 있는 즉시 사용 가능한 템플릿 라이브러리가 함께 제공됩니다.

따라서 사이트 속도를 늦추는 코드가 많은 웹 사이트 빌더를 피하고 싶다면 이 플러그인이 도움이 될 것입니다.

중요 블록

• 섹션 블록
• 슬라이더 블록
• 고급 버튼
• 고급 제목 블록
• 포스트 그리드 블록
• 가격 책정 블록 등

케이던스 블록

그 자체로 웹사이트 빌더인 Kadence Blocks 플러그인을 사용하면 웹사이트를 위한 완전히 맞춤형 디자인을 만들기 위해 웹사이트 빌더가 다시는 필요하지 않을 것입니다.

어떤 종류의 사이트를 관리하든 간단한 블로그든 전자상거래 사이트든 Kadence Blocks 플러그인이 사이트 디자인을 관리합니다.

플러그인은 사이트를 완벽하게 보이게 하기 위해 필요에 따라 테마를 사용자 정의하고 조합할 수 있는 다양한 블록을 제공합니다.

실제로 플러그인에는 사이트에서 가져와 사용할 수 있는 준비된 웹사이트 데모 템플릿이 많이 제공됩니다. 플러그인이 간단하고 사용하기 쉽기 때문에 완전한 초보자라도 사용자 정의할 수 있습니다.

모든 구텐베르크 블록에 대한 추가 블록 디자인, 스타일, CSS

이것은 또 다른 구텐베르크 플러그인이지만 새 블록을 추가하기 위한 것이 아니라 이미 추가한 플러그인의 스타일을 지정하기 위한 것입니다.

WordPress 커뮤니티에서 활동하고 있다면 디자이너가 아닌 사람들이 시각적 스타일을 사용하여 CSS 코드를 즉석에서 편집할 수 있도록 만든 CSSHero와 같은 플러그인을 알고 있을 것입니다.

이것은 이 목록에 추가된 대부분의 Gutenberg 플러그인과 완벽하게 호환되는 플러그인 중 하나입니다. 이 플러그인을 사용하여 이러한 모든 블록 플러그인을 통해 추가하는 블록의 스타일을 지정할 수 있습니다.

이 플러그인에는 60개 이상의 디자인 옵션이 있습니다. 따라서 CSS 스타일 코드에 익숙하지 않지만 블록의 모양과 느낌을 사용자 정의하려는 경우 이 플러그인이 적합합니다.

마지막 단어

다음은 WordPress 사이트에서 사용할 수 있는 최고의 Gutenberg 블록 플러그인 중 일부입니다. 앞으로 많은 구텐베르크 관련 플러그인 을 보게 될 것입니다. 어떤 면에서 이 플러그인은 페이지에 다른 기능을 추가하는 데 사용했던 이전 WordPress의 단축 코드처럼 작동합니다.

이제 WordPress의 새 버전에서는 준비된 블록을 개선하여 더 좋게 만드는 블록 또는 옵션이 됩니다.

더 많은 플러그인을 테스트하면서 더 많은 Gutenberg WordPress 플러그인 을 추가할 예정이므로 이 페이지를 북마크에 추가하고 나중에 더 많은 옵션을 확인하는 것을 잊지 마십시오.