WordPress(2022)를 위한 7가지 최고의 가치 있는 Gutenberg 플러그인

게시 됨: 2022-09-15
목차 숨기기
1. WordPress 블록 편집기란 무엇입니까?
1.1. WordPress용 두 가지 유형의 Gutenberg 블록 플러그인
1.1.1. 단일 목적 블록 플러그인
1.1.2. 구텐베르크 블록 라이브러리 플러그인
2. 몇 가지 유용하고 시간을 절약하는 WordPress 블록
3. WordPress 사이트를 위한 최고의 Gutenberg 플러그인
3.1. Spectra(구텐베르크용 궁극의 애드온)
3.2. 케이던스 블록
3.3. 수달 블록
3.4. 쌓을 수 있는
3.5. 궁극의 블록
3.6. WooCommerce 차단
3.7. PostX 구텐베르크 포스트 블록
4. 결론

WordPress는 더 블록 지향적인 편집기로 천천히 이동하고 있습니다. 이 전환의 목적은 템플릿 마크업 및 레이아웃에 대한 더 나은 제어를 제공하는 것입니다.

WordPress 5.0에 도입된 Gutenberg 편집기는 모든 콘텐츠를 편집기 패널 내부에서 블록으로 끌어다 놓을 수 있는 완전한 블록 기반 편집기입니다.

즉, 이제 단락, 이미지 및 목록뿐만 아니라 양식, 버튼, 표 등을 끌어서 레이아웃을 변경할 수 있습니다.

맞춤형 콘텐츠 블록을 제공하는 WordPress용 전용 Gutenberg 플러그인이 있습니다.

많은 플러그인 간의 혼동을 피하기 위해 목록을 6개의 Gutenberg 블록 플러그인으로만 선별했습니다. 이 플러그인을 사용하면 사이트의 레이아웃과 콘텐츠 구성을 더 잘 제어할 수 있습니다.

WordPress 블록 편집기란 무엇입니까?

WordPress 블록 편집기는 WordPress와 함께 제공되는 기본 콘텐츠 편집기입니다. 블록을 사용하여 게시물과 페이지를 만들 수 있습니다. 일반적인 블로그 게시물은 많은 단락, 일부 제목 및 일부 이미지로 구성됩니다.

블록 편집기는 수년 동안 WordPress 사이트를 만들어 왔다면 'WordPress Classic Editor'와 완전히 다르게 느껴질 것입니다.

클래식 편집기와 달리 블록 편집기를 사용하면 FAQ 섹션이나 클릭 유도문안과 같은 추가 요소를 게시물과 페이지에 쉽게 추가할 수 있습니다.

WordPress용 두 가지 유형의 Gutenberg 블록 플러그인

시장에는 두 가지 주요 유형의 구텐베르크 블록 플러그인이 있습니다.

단일 목적 블록 플러그인

인기 있는 WordPress 플러그인이 단일 목적으로 사용되는 Gutenberg 블록으로 변형되었습니다. 각 웹 사이트의 게시물과 페이지에 단일 블록을 추가할 수 있으며 각각은 다른 기능에 중점을 둡니다.

일반적으로 단일 목적 블록 플러그인은 특정 사용 사례에 가장 포괄적인 솔루션을 제공합니다.

구텐베르크 블록 라이브러리 플러그인

블록 라이브러리 플러그인은 단일 목적의 구텐베르크 블록 플러그인과 달리 여러 구텐베르크 요소를 단일 플러그인으로 결합합니다.

몇 가지 유용하고 시간을 절약하는 WordPress 블록

이전 버전의 WordPress에서는 버튼, 표지 이미지 및 표와 같은 요소를 추가하기 위해 플러그인을 설치해야 했습니다. 그러나 구텐베르크에는 모든 유형의 콘텐츠 요소에 대한 기본 제공 블록이 있습니다.

아래에서 즉시 사용할 수 있는 매우 유용한 기본 구텐베르크 블록을 찾을 수 있습니다.

  • 미디어 및 텍스트 블록 – 이미지와 텍스트를 동시에 추가할 수 있습니다. 이전 Classic Editor는 특히 초보자에게 이 작업을 수행하는 데 어려움이 있었습니다.
  • 표지 블록 – 이 블록을 사용하여 게시물과 페이지에 멋진 표지 이미지를 추가하십시오.
  • 단축 코드 블록 – WordPress 게시물 및 페이지에 단축 코드를 쉽게 추가할 수 있습니다. 따라서 블록 편집기는 단축 코드를 제공하는 플러그인과 완벽하게 호환됩니다.
  • 버튼 블록 – WordPress 기사 및 페이지에 클릭 유도문안 버튼을 추가합니다.
  • 포함된 블록 k – 트윗, YouTube 동영상 등을 쉽게 포함할 수 있습니다.
  • 테이블 블록 – WordPress 게시물 및 페이지에 기본 테이블을 만듭니다. 검색, 정렬 및 주문과 같은 고급 기능의 경우 무료 TablePress 플러그인을 고려할 수 있습니다.
  • 열 블록 – 여러 열 레이아웃으로 블로그 게시물과 페이지를 만듭니다.

WordPress 사이트를 위한 최고의 Gutenberg 플러그인

다음은 최고의 Gutenberg 블록 플러그인 중 일부입니다. 이러한 플러그인을 사용하여 기본 WordPress 편집기에 다양한 블록을 추가하여 기능을 확장할 수 있습니다.

Spectra(구텐베르크용 궁극의 애드온)

이전에 구텐베르크용 Ultimate Addons라고 했던 Spectra는 300,000개 이상의 활성 설치가 있는 가장 인기 있는 구텐베르크 블록 라이브러리 플러그인입니다. 인기 있는 Astra 테마 제작자가 제공합니다.

Spectra Gutenberg 플러그인 마케팅 버튼 블록
Spectra 마케팅 버튼 블록

하이라이트:

  • 모든 종류의 웹사이트 구축을 위한 30개 이상의 잘 설계된 구텐베르크 블록 - 정보 상자 블록, 다중 버튼 블록, 팀 블록, 가격표 블록, 목차 블록…
  • 초보자, 마케터, 웹 전문가 및 에이전시를 위한 접근성 및 사용자 친화적입니다.
  • 더 빠른 웹사이트 로딩을 위한 코드 없는 웹사이트 컨트롤.
  • 간단히 가져와서 수정하고 사용할 수 있는 즉시 사용 가능한 웹 사이트.
  • 스타일을 클릭하여 다른 블록이나 웹사이트 전체에서 사용할 수 있는 간편한 복사 붙여넣기 스타일 기능 입니다.
  • 75개 이상의 기성 웹사이트 템플릿.
  • 사용자 정의 코드나 타사 플러그인이 필요하지 않습니다.

스펙트럼 얻기 – WordPress Gutenberg 블록

케이던스 블록

Kadence Blocks는 200,000개 이상의 활성 설치가 있는 또 다른 매우 인기 있는 블록 플러그인입니다.

일반적으로 페이지 빌더 플러그인을 통해서만 가능한 아름다운 콘텐츠를 만들 수 있는 WordPress 블록 편집기를 만드는 툴킷입니다.

Kadence 행 레이아웃 블록

하이라이트:

  • 아름다운 콘텐츠를 만드는 아름다운 사용자 정의 블록 – 카운트다운 블록, 양식 블록, 고급 갤러리 블록, 아코디언 블록, 아이콘 블록…
  • 행 블록 외에도 탭, 열, 버튼, 제목 등에 대한 블록을 얻습니다.
  • 900개 이상의 Google 글꼴 중에서 선택하여 웹사이트 타이포그래피를 완벽하게 제어하세요.
  • 더 나은 구성을 위해 필요하지 않은 차단을 비활성화하십시오.
  • 시차 효과가 있는 테두리, 오버레이, 그라디언트… 디자인 옵션은 전적으로 귀하의 손에 달려 있습니다.
  • 블록을 추가할 때마다 기본 설정이 구성되면 자동으로 사용됩니다.
  • 세부 사항을 수행하면 정확한 간격과 디자인 을 얻을 수 있습니다.
  • 필요한 CSS 또는 Javascript만 로드합니다.
  • WordPress 편집기를 통해 미리 보는 동안 태블릿 및 모바일 설정을 편집할 수 있습니다.

케이던스 블록 가져오기

수달 블록

ThemeIsle의 Otter Blocks 플러그인도 WordPress 사용자가 널리 사용합니다. 100,000+ 활성 설치를 기록했습니다.

플러그인은 WordPress 블록 편집기를 위한 가볍고 동적인 구성 요소를 제공하여 페이지를 더 빠르게 구축할 수 있도록 도와줍니다. 특정 요구 사항에 맞게 Otter Blocks의 50가지 템플릿을 사용자 지정하고 변경할 수 있습니다.

Otter WooCommerce 블록
Otter WooCommerce 블록

하이라이트:

  • 23개 이상의 놀랍고 유용한 블록 – 섹션 블록, 아이콘 블록, 고급 제목, 순환 진행, 카드 뒤집기, 구독자 양식, Google 지도…
  • 끌어서 놓기 기능으로 인해 사용이 간편한 도구입니다.
  • 차단 표시 조건 선택 – 사용자 역할, 게시물 유형, 작성자, 구매 내역…
  • 섹션 블록, 아이콘 블록, 고급 제목 등을 포함하여 가장 자주 사용되는 일부 블록에 대한 기본 구성을 지정할 수 있습니다.
  • 50개 이상의 애니메이션 중에서 선택할 수 있습니다.
  • 또한 WooCommerce Builder Blocks 를 제공하여 맞춤형 단일 제품 페이지를 구축합니다.

수달 블록 얻기

쌓을 수 있는

Stackable – Page Builder Gutenberg Blocks 플러그인도 널리 사용됩니다. 60,000개 이상의 활성 설치를 기록했습니다.

쌓을 수 있는 기능 블록

하이라이트:

  • 약 36개의 사용자 정의 가능한 구텐베르크 블록 포함 - 컨테이너 블록, 기능 그리드 블록, 비디오 팝업 블록, 가격 블록, 영웅 블록, 인용 블록…
  • UI 키트, 블록 디자인 및 구분 기호의 디자인 라이브러리
  • 페이지 빌더와 같은 디자인 옵션.
  • 대행사 도구: 사용자 역할 관리자 및 CSS 사용자 정의 도구.
  • 더 넓은 선택을 위한 글로벌 설계 매개변수.
  • 실시간 반응형 편집.

스택 가능

궁극의 블록

Ultimate Blocks 플러그인은 블록 편집기에 몇 개의 추가 블록을 추가하는 또 다른 Gutenberg 블록 컬렉션 플러그인입니다. 주로 블로거와 마케터를 대상으로 합니다. 이 플러그인은 믿을 수 없을 정도로 쉽게 더 좋고 더 매력적인 콘텐츠를 만드는 것을 목표로 합니다.

궁극적인 평가 블록

하이라이트:

  • 매력적이고 전환적인 콘텐츠를 만들기 위한 20개 이상의 사용자 정의 가능한 블록 – 검토 블록, 트윗하려면 클릭 블록, 이미지 슬라이더 블록, 진행률 표시줄 블록…
  • 사이트를 가볍게 유지하기 위해 개별 블록을 활성화/비활성화합니다.
  • SEO에 고도로 최적화되어 있습니다.

궁극의 블록 얻기

WooCommerce 차단

WooCommerce Blocks에는 200,000개 이상의 활성 설치가 있습니다. 게시물과 페이지에 제품을 표시하는 데 가장 유연하고 가장 쉽습니다.

참고 – 이 플러그인은 WooCommerce의 기존 블록과 업데이트를 반복하고 탐색하는 공간 역할을 합니다. WooCommerce에 사용 가능한 블록의 최첨단에 액세스하려면 이 플러그인을 사용하십시오.

WooCommerce 블록 가져오기

PostX 구텐베르크 포스트 블록

PostX는 완전한 뉴스 잡지와 블로그 사이트를 만들기 위한 구텐베르크 블록 기반 솔루션입니다. 유용한 블록과 판도를 바꾸는 애드온을 통해 PostX는 20,000명 이상의 완전히 만족한 사용자를 보유하고 있습니다.

PostX 쿼리 빌더

하이라이트:

  • 몇 번의 클릭으로 맞춤형 홈 페이지를 생성할 수 있는 다양한 스타터 팩(사전 제작된 템플릿).
  • 단일 게시물 블록에서 정렬, 게시물, 페이지 또는 둘 다를 위한 고급 쿼리 빌더.
  • 그리드 레이아웃에 WordPress 게시물을 표시하는 여러 게시물 그리드 블록.
  • 슬라이더 블록을 게시하여 추천 슬라이더, 게시 캐러셀 홈 페이지 슬라이더 등을 만듭니다.
  • 카테고리, 작성자, 태그, 검색 결과 및 날짜 페이지를 포함하는 사용자 정의 아카이브 페이지 템플릿을 생성하는 빌더 애드온.
  • 최신 또는 인기 있는 게시물을 표시하기 위한 독점적이고 고도로 사용자 정의 가능한 뉴스 티커.
  • 다양한 디자인이 포함된 완전한 목차 솔루션.
  • Elementor로 페이지를 편집하는 동안 Gutenberg 블록을 추가하는 Elementor 통합.

PostX Gutenberg 포스트 블록 가져오기

결론

그래서 당신은 그것을 가지고 있습니다. 사이트 콘텐츠의 기능을 확장하는 몇 가지 유용한 WordPress Gutenberg 플러그인입니다.

이 목록에 포함되지 않은 많은 다른 항목이 분명히 있습니다. 방문자가 읽고, 보고, 참여할 수 있는 콘텐츠를 만들기 위해 훨씬 더 많은 일을 할 수 있습니다.

그러나 이것은 확실히 WordPress 블록 편집기를 시작하는 좋은 방법이 될 수 있습니다.