구텐베르크 블록 확장을 위한 상위 10개 구텐베르크 블록 플러그인

게시 됨: 2019-04-06

Gutenberg 편집기는 마침내 WordPress용 WYSIWYG 콘텐츠 생성을 위한 기본 솔루션을 추가합니다. 그러나 30개의 콘텐츠 블록 모음으로 인해 풍부한 게시물과 페이지를 만드는 능력이 제한될 수 있습니다. 즉, 라이브러리에 더 많은 모듈을 추가하여 구텐베르크 블록을 확장할 수 있는 새로운 WordPress Gutenberg 플러그인이 시장에 많이 있습니다.

Page Builder 플러그인을 사용할 수 있다면 왜 Gutenberg Blocks 플러그인이 필요한가요?

Gutenberg는 기본 솔루션인 반면 페이지 빌더는 타사에서 제공합니다. 페이지 빌더에는 많은 유용한 기능이 포함되어 있지만 동시에 상당히 무겁습니다. Gutenberg는 기본 게시물/페이지 편집기이므로 사이트에 추가 로드를 추가하지 않습니다.

이제 새로운 Gutenberg 블록 플러그인은 새 블록만 제공합니다. 따라서 전용 페이지 빌더에 비해 훨씬 더 가볍지만 유사하게 풍부한 레이아웃을 만들기 위한 비슷한 도구 세트를 제공합니다.

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

1. 구텐베르크 블록

다운로드

WordPress의 Gutenberg Blocks 플러그인

목록에서 시작하면 Gutenberg Blocks WordPress 플러그인이 있습니다. 기본적으로 새로운 WordPress 편집기를 스테로이드에 올려놓는 방대한 블록 라이브러리와 함께 제공됩니다. 그리고 그것이 전부가 아니라면 플러그인을 사용하면 Gutenberg와 이 플러그인에서 얻을 수 있는 고급 블록을 사용하여 설계된 20개 이상의 사전 구축된 무료 스타터 사이트에 액세스할 수 있습니다.

플러그인이 설치되면 Astra WordPress 테마를 사용할 것을 권장합니다. 무료로 사용할 수 있으며 이 플러그인의 블록만 사용하여 설계되었습니다. 플러그인을 활성화하고 Gutenberg에서 제공하면 프론트 엔드 사용자 정의 지원에 액세스하고 WooCommerce 플러그인, learnDash 및 유사한 플러그인과의 긴밀한 통합을 얻을 수 있습니다.

특징:

  • 20개 이상의 Gutenberg 블록을 추가하여 웹사이트 디자인에 도움을 줍니다.
  • 20개 이상의 사전 제작된 웹사이트 템플릿도 바로 사용할 수 있습니다.
  • Astra WordPress 테마를 사용하는 경우 프런트 엔드 사용자 지정에서 옵션을 활성화합니다.

그리고 훨씬 더.

2. 원자 블록

다운로드

WordPress의 Atomic Blocks 플러그인

다음으로 Atomic Blocks WordPress 플러그인이 있습니다. 12개의 새로운 강력한 디자인 블록을 시스템에 도입하여 구텐베르크 블록을 확장하는 데 도움이 될 수 있습니다. 가격 블록에서 시작하여 클릭 유도문안 블록 및 평가 블록에 이르기까지 추가 모듈은 기능이 풍부한 웹 사이트를 만드는 데 도움이 됩니다.

처음부터 빌드할 필요가 없도록 플러그인 개발자가 무료 Atomic Blocks Theme도 함께 제공합니다. 모든 플러그인 블록은 이 테마에서 사용되므로 Gutenberg 편집기를 통해 쉽게 조정할 수 있습니다. 고급 기능을 찾고 있는 경우를 대비하여 Revolution Pro라는 프리미엄 테마도 사용할 수 있습니다.

특징:

  • 12개의 새로운 Gutenberg 호환 블록을 웹사이트에 추가합니다.
  • 무료 WordPress 테마와 호환되는 블록 – Atomic Blocks Theme.
  • 프리미엄 WordPress 테마인 Revolution Pro와도 호환됩니다.

그리고 훨씬 더.

3. 쌓을 수 있는

다운로드

WordPress용 스택형 플러그인

Stackable WordPress 플러그인은 사이트에 기능이 풍부한 Gutenberg 호환 블록을 많이 도입합니다. 바로 사용할 수 있으며 다양한 블록을 사용하여 처음부터 강력한 레이아웃을 만들 수 있습니다.

CMS에 더 많은 디자인 블록을 추가하는 것 외에도 플러그인에는 무료 Stackable 테마도 함께 제공됩니다. 이렇게 하면 사이트 구조의 기반이 되는 플랫폼이 제공됩니다. 또한 더 많은 프리미엄 레이아웃, CSS 사용자 정의 및 다양한 고급 효과에 액세스할 수 있는 프리미엄 버전의 플러그인에 액세스할 수 있습니다.

특징:

  • 23개의 더 강력한 블록을 도입하여 구텐베르크 블록 목록을 확장합니다.
  • 무료 Stackable WordPress 테마와 함께 제공됩니다.
  • 50개 이상의 프리미엄 레이아웃에 액세스할 수 있습니다. (프리미엄)
  • 다양한 고급 효과에 액세스할 수 있습니다. (프리미엄)
  • CSS 커스터마이저. (프리미엄)
  • 앞으로 더 많은 블록이 추가됩니다.

4. Otter의 구텐베르크 블록 및 템플릿 라이브러리

다운로드

워드프레스용 구텐베르크 블록 및 템플릿 라이브러리 플러그인

이름으로 이미 짐작할 수 있듯이 여기에는 웹사이트에 많은 구텐베르크 블록과 풍부한 템플릿 라이브러리를 소개하는 Otter의 WordPress 플러그인이 있습니다. 그러나 멋진 기능 모음에도 불구하고 플러그인은 매우 가볍고 사이트에 최소한의 로드를 추가합니다.

사이트의 UX 및 UI를 풍부하게 하는 데 도움이 될 뿐만 아니라 복잡한 레이아웃을 만들 수 있도록 하는 유용한 블록 모음을 사이트에 도입합니다. 예를 들어, Gutenberg를 사용하여 열을 추가할 수 있는 섹션 블록에 액세스할 수 있습니다.

특징:

  • 12개의 유용한 블록을 추가하여 구텐베르크 블록을 확장합니다.
  • 강력한 섹션 블록을 사용하면 페이지 구조에 열을 추가할 수 있습니다.
  • 빠른 사이트 구축을 위해 즉시 사용할 수 있는 다양한 템플릿도 제공됩니다.

그리고 훨씬 더.

5. 코블록

다운로드

워드프레스용 CoBlock 플러그인

CoBlocks WordPress 플러그인은 페이지 구축 목적에 도움이 될 수 있는 혁신적인 블록 모음을 추가합니다. 말할 필요도 없이, 블록은 새로운 Gutenberg 편집기에서 사용할 수 있으며 행과 열을 추가하여 웹사이트에서 고유한 레이아웃을 만드는 데 도움이 될 수 있습니다. 사실 구텐베르크 블록을 확장하는 옵션으로 보는 대신. 본격적인 페이지 빌더로 간주할 수 있습니다.

고유한 레이아웃을 만드는 데 도움이 될 뿐만 아니라 동적으로 생성된 콘텐츠 영역, 반응형 여백 및 패딩을 사이트에 추가하는 데 사용할 수도 있습니다. 타이포그래피 컨트롤, 색상 사용자 정의 등을 도와주는 여러 가지 유용한 사용자 정의 옵션도 포함되어 있습니다.

특징:

  • 웹사이트에 16개의 새로운 Gutenberg 호환 블록을 추가합니다.
  • 강력한 사이트 빌더
  • 패딩 및 marginson 콘텐츠 영역을 조정할 뿐만 아니라 사용자 지정 레이아웃을 만들 수 있습니다.
  • 타이포그래피와 색상에 대한 완전한 사용자 정의 제어.

그리고 훨씬 더.

6. 고급 구텐베르크

다운로드

WordPress의 고급 구텐베르크 플러그인

Advanced Gutenberg는 기본 Gutenberg 편집기에 없는 모든 추가 및 필요한 디자인 블록을 추가하여 전문가 수준의 웹사이트를 완벽하게 만들 수 있습니다. 플러그인은 또한 팀으로 작업하는 경우 사이트 디자인을 더 잘 제어할 수 있도록 사용자 에디션 프로필 구성을 추가합니다.

플러그인은 고급 이미지 블록 및 비디오 블록을 포함하여 구텐베르크 편집기에 20개 이상의 특수 블록을 추가하여 미디어 콘텐츠를 더 잘 제어할 수 있도록 도와줍니다. Custom CSS 지원을 포함하여 기본 사용자 정의 옵션도 추가됩니다.

특징:

  • 에디션 프로필을 만들고 이 프로필에 사용자 또는 사용자 그룹을 추가합니다.
  • 각 에디션 프로필에 대한 블록 구성을 선택하는 옵션입니다.
  • 사용자 정의 CSS 스타일.
  • 21개의 고급 블록으로 구텐베르크 블록을 확장합니다.

그리고 훨씬 더.

7. 블록 갤러리

다운로드

WordPress의 블록 갤러리 플러그인

Block Gallery는 WordPress 웹사이트를 위한 Gutenberg 호환 갤러리 블록 제품군입니다. 이 플러그인은 웹사이트에서 많은 이미지 파일을 다루는 사용자에게 적합하며 맞춤형 갤러리에서 이를 선별하는 데 도움이 될 수 있습니다.

플러그인은 구텐베르크의 드래그 앤 드롭 제스처와 호환되는 모든 필요한 디자인 블록을 통합하여 웹사이트에서 고유한 갤러리를 만드는 데 도움이 됩니다. 하지만 갤러리를 디자인하기 위한 구텐베르크 블록에만 액세스할 수 있으며 다른 것은 없습니다.

특징:

  • Masonry Gallery, Stacked Gallery 및 Carousel Slider 블록을 추가하여 Gutenberg 블록을 확장합니다.
  • 더 많은 블록이 진행 중입니다.
  • 많은 사용자 정의 옵션.
  • 모든 블록은 완벽하게 반응하고 모바일 친화적입니다.

그리고 훨씬 더.

8. 궁극의 블록

다운로드

Ultimate Blocks 구텐베르크 블록 플러그인

Ultimate Blocks 는 주로 리뷰, FAQ 및 HowTo 스키마의 3가지 유형의 스키마를 제공하는 WordPress 블록 편집기 플러그인입니다. 10,000개 이상의 활성 설치와 5개의 별점으로 가장 인기 있는 Gutenberg 플러그인 중 하나로 간주됩니다.

15개 이상의 맞춤형 구텐베르크 블록이 있습니다. 그 중 3개는 스키마가 활성화되어 있습니다. 첫 번째는 검토 블록입니다. WordPress 게시물/페이지아름다운 리뷰 상자추가할 수 있습니다 . 또 다른 하나는 FAQ 스키마 옵션이 있는 콘텐츠 토글입니다. 그리고 플러그인에는 전용 HowTo 스키마 블록도 있습니다.

특징:

  • 20 구텐베르크 블록을 제공합니다.
  • 3가지 유형의 스키마 – 검토, FAQ 스키마 및 하우투 스키마.
  • 블록을 활성화/비활성화합니다.
  • SEO 친화적.
  • 속도 최적화.
  • 완전 무료

그리고 훨씬 더.

9. 구텐베르크를 위한 프리미엄 블록

다운로드

WordPress용 Gutenberg 플러그인용 프리미엄 블록

구텐베르크용 프리미엄 블록을 사용하면 성능 지향적인 구텐베르크 블록에 액세스할 수 있습니다. 모듈식 설계를 따르며 더 빠른 성능을 위해 사용하지 않는 블록을 자동으로 비활성화합니다.

또한 웹 사이트가 전 세계 사용자를 대상으로 하는 경우 모든 블록이 번역 준비가 되어 있고 RTL과 호환된다는 사실을 활용할 수 있습니다. 또한 정기적인 업데이트와 함께 새 블록이 출시되므로 설계 옵션을 놓칠 일이 없습니다.

특징:

  • 12개의 새로운 고급 블록을 추가하여 구텐베르크 블록을 확장합니다.
  • 모듈식 설계 방식을 따릅니다.
  • 사용되지 않는 모든 블록은 더 빠른 성능을 위해 비활성화됩니다.
  • RTL 지원.
  • 번역 준비.

10. 임베드프레스

다운로드

WordPress의 EmbedPress 플러그인

이제 Gutenberg 블록 플러그인 목록에 대한 최종 항목은 EmbedPress입니다. Gutenberg 호환 블록을 사용하여 WordPress 웹사이트에 Google 서비스를 포함할 수 있습니다. 설치되면 URL 링크를 붙여넣을 수 있는 새 블록이 표시됩니다. 블록은 URL이 나타내는 콘텐츠를 자동으로 인식하여 웹사이트에 포함합니다.

현재로서는 Google 지도, YouTube 동영상, 문서, 스프레드시트 등을 포함한 Google 서비스에서만 작동합니다. 더 많은 서비스와의 호환성은 향후 업데이트에서 활성화될 예정이며, 여기서 Facebook 게시물 및 동영상, 다양한 이미지 사이트 및 음악 웹사이트에서 플러그인을 사용할 수 있습니다.

특징:

  • URL을 사용하여 다른 콘텐츠를 포함할 수 있습니다.
  • 현재 Google 서비스와만 호환됩니다.
  • 향후 업데이트로 더 많은 서비스를 지원할 예정입니다.

결론적으로

그래서 이것들은 구텐베르크 블록을 확장하기 위한 10가지 최고의 구텐베르크 블록 플러그인에 대한 우리의 선택이었습니다. 어떤 플러그인이 가장 유망해 보이는지, 그리고 이 플러그인으로 Gutenberg를 강화하여 본격적인 페이지 빌더로 사용하는 데 관심이 있다면 알려주십시오.

기존 WordPress 게시물을 Gutenberg 블록으로 변환하는 방법을 배우고 싶을 수도 있습니다.