7 최고의 WordPress 아코디언 블록 플러그인 2022(대부분 무료)

게시 됨: 2022-08-01

최고의 WordPress 아코디언 블록 플러그인 을 찾고 있습니까? 그렇다면 올바른 위치에 착륙한 것입니다.

WordPress 아코디언은 웹사이트 방문자의 사용자 경험 을 개선하는 데 도움이 됩니다. 아코디언은 접을 수 있는 탭 레이아웃 으로 모든 게시물을 쉽고 빠르게 읽을 수 있도록 도와줍니다. 따라서 웹 사이트 방문자는 번거로움 없이 쉽게 콘텐츠찾을 수 있습니다. 이탈률이 낮아집니다 .

그러나 놀라운 기능을 갖춘 WordPress 아코디언 블록 플러그인이 많이 있으며 하나를 선택하는 것이 번거로울 수 있습니다. 따라서 시장에서 사용할 수 있는 최고의 WordPress 아코디언 블록 플러그인을 엄선했습니다. 무엇보다도 대부분이 무료입니다.

더 이상 고민하지 않고 시작하겠습니다!

이 기사에서: 숨기기
왜 아코디언 블록이 필요한가요?
7 최고의 WordPress 아코디언 블록 플러그인 2022
1. 아코디언 블록 – WordPress 플러그인
2. 쌓을 수 있는
3. 고급 아코디언 구텐베르크 블록
4. 구텐베르크의 필수 블록
5. 궁극의 블록
6. Kadence Blocks의 Gutenberg 블록
7. 겟위드
결론

왜 아코디언 블록이 필요한가요?

아코디언 블록 플러그인은 텍스트 내용을 컴팩트하거나 접을 수 있는 형태로 표시하여 긴 스크롤을 줄입니다. 또한 아코디언 블록을 사용하여 제품 설명, FAQ 등과 같은 콘텐츠를 표시할 수 있습니다.

또한 웹 사이트 디자인에 따라 배경색, 컨테이너 색상, 토글 애니메이션, 조건 토글 등을 사용자 지정할 수 있습니다.

WordPress 웹 사이트에서 아코디언 블록을 더 많이 사용하는 방법은 다음과 같습니다.

  • 텍스트 콘텐츠의 대화형 전달을 통해 사용자 경험 을 향상시킵니다.
  • 텍스트가 많은 콘텐츠와 긴 블로그를 압축 하여 블로그를 단순화하고 읽기 쉽게 만드십시오 .
  • 아코디언 블록은 작은 화면 장치 에서 읽기 경험을 향상시킵니다.
  • 또한 아코디언 블록은 인페이지 링크에 대한 좋은 대안입니다.
  • 또한 아코디언 블록은 항목을 중첩하여 분류 해야 할 때 유용합니다.

따라서 웹 사이트 콘텐츠의 길이를 최소화하려면 아코디언 블록을 사용하는 것이 좋습니다. 이제 2022년을 위한 7가지 최고의 WordPress 아코디언 블록 플러그인 목록을 확인해 보겠습니다.

자, 계속 갑시다!


7 최고의 WordPress 아코디언 블록 플러그인 2022

여기에서는 2022년 최고의 WordPress 아코디언 블록 플러그인 중 일부를 선정했습니다. 여기에는 각 플러그인에 대한 전체 설명, 기능, 가격 및 구축 프로세스가 포함되어 있습니다. 따라서 철저히 검토하고 자신에게 적합한 것을 선택하십시오.

1. 아코디언 블록 – WordPress 플러그인

Accordion Blocks는 WordPress 웹사이트에 Gutenberg 블록을 추가할 수 있는 직관적인 플러그인입니다. 또한 HTML 제목과 함께 아코디언 블록을 만들고 게시할 수 있습니다. 또한 사용자 정의 HTML 및 CSS로 아코디언을 편집하여 심층적인 사용자 정의를 할 수 있습니다.

아코디언 블록 WordPress 플러그인

주요 특징들:

  • 다른 항목을 열 때 현재 아코디언 항목의 자동 닫기를 활성화할 수 있습니다.
  • 또한 필요에 따라 아코디언 항목을 중첩할 수 있습니다.
  • 아코디언 항목은 wp.blocks.registerBlockStyle을 사용하여 사용자 정의 블록 스타일을 지원합니다.
  • 또한 기본적으로 모든 아코디언 항목을 열도록 선택할 수 있습니다.
  • 또한 기본값을 새 항목으로 설정하거나 특정 아코디언 기능을 설정할 수 있습니다.

아코디언 만들기:

이제 이 플러그인을 사용하려면 WordPress 대시보드에서 간단히 검색할 수 있습니다. 그런 다음 플러그인을 설치 하고 활성화 합니다. 그런 다음 게시물로 이동하여 오른쪽 상단의 "+" 버튼을 클릭하고 아코디언 항목 을 선택합니다. 아코디언 블록은 아래 이미지와 같이 게시물에 나타납니다.

WordPress 웹 사이트용 아코디언 블록에서 아코디언 추가
아코디언 블록 사용

또한 클릭하여 닫기 , 자동 닫기 , 기본적으로 열기 등과 같은 많은 사용자 정의 옵션이 제공됩니다 . 스크롤 픽셀 오프셋을 설정할 수도 있습니다.

아코디언 블록 사용자 정의 옵션
아코디언 블록 설정 사용

명확한 아이디어를 얻으려면 WordPress 플러그인 설치 방법에 대한 기사를 확인할 수 있습니다.

가격:

이 플러그인은 무료 로 사용할 수 있습니다. 이 플러그인은 WordPress.org의 공식 플러그인 저장소에서 다운로드할 수 있습니다. 또는 WordPress 대시보드에 직접 플러그인을 설치합니다.

지금 아코디언 블록을 받으세요!

2. 쌓을 수 있는

Stackable은 멋진 접을 수 있는 아코디언 블록을 추가할 수 있는 또 다른 인기 있는 WordPress 차단 편집기 호환 플러그인입니다. 따라서 텍스트가 많은 FAQ 또는 기타 콘텐츠를 웹사이트에 쉽게 게시할 수 있습니다. 또한 선택할 수 있는 5가지 다른 아코디언 아이템 스타일이 있습니다.

쌓을 수 있는 WordPress 블록 플러그인

주요 특징들:

  • 멋진 경험을 위해 아코디언 항목에 모션 효과를 추가할 수 있습니다.
  • 아코디언 항목은 모든 화면 크기에 맞게 완벽하게 반응합니다.
  • 또한 사용자 정의 목적을 위해 항목에 사용자 정의 CSS를 추가할 수 있습니다.
  • SVG 항목을 아이콘으로 추가할 수 있습니다.
  • 또한 사전 제작된 항목 중에서 선택하여 웹사이트 개발 속도를 높일 수 있습니다.

아코디언 만들기:

WordPress.org에서 가져온 이 플러그인을 대시보드에 업로드한 다음 플러그인을 설치 하고 활성화 할 수 있습니다. 이제 게시물로 이동하여 오른쪽 상단 모서리에 있는 "+" 를 클릭하여 Stackable에서 아코디언을 선택합니다. 아코디언 블록이 게시물에 표시되며 기본, 일반 등의 레이아웃을 선택하여 시작할 수 있습니다. 여기에서 기본 레이아웃을 선택합니다.

쌓을 수 있는 블록을 사용하여 아코디언 추가
쌓을 수 있는 블록 사용

그런 다음 "새 블록" 과 같은 제목을 추가하고 제목에 설명 을 추가할 수 있습니다. 스택 가능을 사용하면 "차단", "스타일""고급"의 3가지 사용자 정의 옵션이 있습니다. 타이포그래피 , 색상 , 배경 , 제목 , 블록 위치 등 모든 것을 사용자 정의할 수 있습니다.

쌓을 수 있는 사용자 지정 옵션
스택 가능한 설정 사용

가격:

Stackable은 프리미엄 플러그인이며 WordPress.org의 공식 플러그인 저장소에서 플러그인의 무료 버전을 다운로드할 수 있습니다.

그러나 Stackable의 프리미엄 버전을 사용할 수 있습니다. 다음 4가지 요금제 중 하나를 선택할 수 있습니다.

  • 개인: 단일 웹사이트에 대해 연간 $49.
  • 비즈니스: 3개 사이트에 대해 연간 $99.
  • 대행사: $149 무제한 웹사이트의 경우 연간.
  • 대행사 수명: $499의 일회성 비용.
지금 쌓을 수 있습니다!

3. 고급 아코디언 구텐베르크 블록

Advanced Accordion Gutenberg Block은 WordPress 웹사이트를 위한 최소한의 빠른 아코디언 플러그인입니다. 또한 아코디언 블록은 그룹, 세퍼레이트, 싱글의 3가지 유형 중에서 선택할 수 있습니다. 또한 사용자 정의 여백, 패딩, 배경색 등으로 아코디언 항목의 스타일을 지정할 수 있습니다.

WordPress용 고급 Accordion Gutenberg 블록 플러그인

주요 특징들:

  • 이 플러그인은 최적화되어 번개처럼 빠른 속도로 작동합니다.
  • 또한 텍스트, 이미지 등과 같은 모든 유형의 콘텐츠를 지원합니다.
  • 아코디언 항목은 SEO 친화적이어서 웹사이트의 순위를 높일 수 있습니다.
  • 또한 웹사이트에 FAQ를 무제한으로 추가할 수 있습니다.
  • 또한 중첩된 아코디언을 무제한으로 추가할 수도 있습니다.

아코디언 만들기:

WordPress 대시보드에서 쉽게 사용할 수 있습니다. 따라서 플러그인 메뉴로 이동하여 Advanced Accordion Gutenberg 를 검색하십시오. 그런 다음 플러그인을 설치 하고 활성화 합니다. 그런 다음 게시물로 이동하여 "+" 버튼을 클릭합니다. 그 다음에는 " 별도의 차단""그룹 차단 "의 2가지 옵션이 있으며 하나를 선택합니다. 여기서는 별도의 차단 옵션을 선택했습니다.

고급 아코디언 구텐베르크 블록으로 아코디언 추가
고급 아코디언 구텐베르크 블록 사용

이 플러그인을 사용하면 헤더 색상 , 헤더 배경 , 아이콘 색상 등과 같은 수많은 사용자 정의 옵션을 사용할 수 있습니다. 또한 블록을 연결된 아코디언 으로 전환하여 클릭하면 링크가 열립니다.

고급 아코디언 사용자 정의 옵션
고급 아코디언 구텐베르크 블록 설정 사용

가격:

이것은 무료 WordPress 플러그인입니다. 이 플러그인은 WordPress.org의 공식 플러그인 저장소에서 다운로드할 수 있습니다. WordPress 대시보드에서 쉽게 설치할 수 있습니다.

고급 아코디언 구텐베르크 블록을 얻으십시오!

4. 구텐베르크의 필수 블록

Essential Blocks for Gutenberg는 인기 있는 아코디언 WordPress 플러그인입니다. 또한 이 플러그인을 사용하면 웹사이트 어디에나 아름다운 아코디언을 추가할 수 있습니다. 또한 이러한 아코디언 항목은 대화형이며 토글 아이콘을 활성화하는 옵션이 있습니다.

구텐베르크를 위한 필수 블록

주요 특징들:

  • 아이콘 목록에서 아코디언 항목의 아이콘을 선택합니다.
  • 아코디언 항목의 배경색을 사용자 지정할 수 있습니다.
  • 아코디언 콘텐츠의 글꼴 패밀리를 사용자 정의할 수 있습니다.
  • 또한 아코디언 항목 애니메이션의 토글 속도를 변경할 수 있습니다.
  • 또한 아코디언 항목은 반응이 빠르고 모든 화면 크기에 맞습니다.

아코디언 만들기:

시작하려면 WordPress.org에서 플러그인을 다운로드하고 WordPress 대시보드에 업로드하세요. 또는 직접 설치하고 활성화하십시오. 이제 새 게시물을 열거나 만들고 "+" 버튼을 클릭하고 필수 블록에서 아코디언 을 선택합니다. 아코디언 블록이 게시물에 표시되며 이제 원하는 대로 블록을 편집할 수 있습니다.

Gutenberg의 필수 블록에서 WordPress 아코디언 블록 추가
Gutenberg를 위한 필수 블록 사용

커스터마이징의 경우 '일반', '스타일' , '고급'의 3가지 옵션이 제공됩니다. 여기에서 토글 속도, 아코디언 간격, 아이콘 등을 관리할 수 있습니다. 배경 유형, 색상 및 이미지도 변경할 수 있습니다.

Guttenberg 사용자 정의 옵션을 위한 필수 블록
구텐베르크 설정에 필수 블록 사용

가격:

Essential Blocks for Gutenberg는 무료로 사용할 수 있는 플러그인입니다. WordPress.org의 공식 플러그인 저장소에서 플러그인을 다운로드할 수 있습니다.

지금 구텐베르크를 위한 필수 블록을 얻으십시오!

5. 궁극의 블록

Ultimate Blocks는 블로그 사이트에 아코디언 항목을 추가하는 데 도움이 되는 사용자 친화적인 WordPress Gutenberg 블록 플러그인입니다. 방문자가 긴 텍스트 없이 읽을 수 있도록 아코디언에 콘텐츠를 추가할 수 있습니다.

아코디언 블록용 궁극의 블록

주요 특징들:

  • 이 플러그인을 사용하면 중첩된 아코디언 항목을 쉽게 만들 수 있습니다.
  • 또한 아코디언 항목의 컨테이너 및 제목 색상을 사용자 지정할 수 있습니다.
  • 또한 초기 상태를 접힌 상태 또는 접히지 않은 상태로 설정할 수 있습니다.
  • 또한 항목의 FAQ 스키마를 활성화할 수 있는 옵션이 있습니다.
  • 아코디언의 왼쪽 또는 오른쪽에 토글 아이콘을 설정할 수 있습니다.

아코디언 만들기:

WordPress 대시보드에서 플러그인을 쉽게 검색하고 설치할 수 있습니다. 플러그인을 활성화한 후 기존 게시물로 이동하거나 새 게시물을 만듭니다. 이제 게시물의 오른쪽 상단에 있는 "+" 아이콘을 클릭하여 궁극의 블록에서 콘텐츠 토글 을 추가합니다.

궁극의 블록에서 콘텐츠 토글 추가
궁극의 블록 사용하기

그런 다음 제목을 추가하고 원하는 만큼 콘텐츠 토글을 만들어 블록 편집을 시작할 수 있습니다. 사용자 정의와 관련하여 탭의 색상, 위치, 아이콘 등을 변경할 수 있습니다.

콘텐츠 토글 패널 사용자 정의 옵션
Ultimate Blocks 설정 사용하기

가격:

이 플러그인은 100% 무료 로 사용할 수 있습니다. 이 플러그인은 WordPress.org의 공식 플러그인 저장소에서 다운로드할 수 있습니다.

지금 궁극의 블록을 얻으십시오!

6. Kadence Blocks의 Gutenberg 블록

아코디언이 포함된 멋진 WordPress 웹사이트를 만들고 싶다면 Kadence의 Gutenberg Blocks가 적합합니다. 이 플러그인에는 아코디언 블록을 포함한 수많은 고유 블록이 포함되어 있습니다. 이를 사용하여 훌륭한 사용자 경험을 제공하는 아름다운 콘텐츠를 만들 수 있습니다.

WordPress Accordion Block 플러그인용 Kadence 블록

주요 특징들:

  • 미리 제작된 4가지 디자인의 아코디언 아이템 중 하나를 선택할 수 있습니다.
  • 또한 배경 및 색상 옵션을 제어할 수 있습니다.
  • 또한 FAQ 스키마를 활성화하는 옵션도 함께 제공됩니다.
  • 또한 아코디언 항목에 사용자 정의 HTML 및 CSS를 추가할 수 있습니다.
  • 아코디언 항목에 대한 4쌍의 토글 트리거 중에서 선택할 수 있습니다.

아코디언 만들기:

WordPress 대시보드의 플러그인 메뉴에서 이 플러그인을 쉽게 설치 하고 활성화 할 수 있습니다. 게시물에 아코디언 탭을 추가하려면 먼저 게시물로 이동 하여 "+" 아이콘을 클릭하고 Kadence 블록 에서 아코디언 을 선택합니다. 그런 다음 아코디언 스타일을 선택하거나 건너뛸 수 있습니다. 여기서는 두 번째 옵션을 선택하겠습니다.

Gutenberg Blocks의 아코디언 탭
케이던스 블록 사용

그런 다음 블록 제목으로 시작하여 사용자 정의를 시작할 수 있습니다. 게시물에 필요에 따라 더 많은 아코디언을 추가할 수도 있습니다. 또는 실선 아이콘 중에서 제목 아이콘을 선택할 수 있는 옵션이 있습니다. 또한 블록 등에서 제목 아이콘을 찾을 위치를 결정합니다.

아코디언 탭 사용자 정의
Kadence 블록 설정 사용

가격:

이것은 프리미엄 플러그인이며 WordPress.org의 공식 플러그인 저장소에서 플러그인의 무료 버전을 다운로드할 수 있습니다.

그러나 공식 웹 사이트에서 플러그인의 프리미엄 버전을 구입할 수 있습니다. 3가지 연간 가격 옵션 중 하나를 선택할 수 있습니다.

  • Kadence Blocks Pro: 연간 89달러로 1년의 지원 및 업데이트를 통해 무제한 사이트의 모든 블록을 사용할 수 있습니다.
  • 필수 번들: 연간 $149에 Kadence Blocks Pro, Kadence Theme Pro 및 Pro Starter Templates 번들을 1년 지원 및 업데이트와 함께 무제한 사이트에서 사용할 수 있습니다.
  • 전체 번들: 연간 $219의 비용으로 1년 지원 및 업데이트가 포함된 무제한 사이트에서 Kadence Cloud, Kadence AMP 등과 함께 Essential Bundle의 기능을 사용할 수 있습니다.
지금 Kadence Blocks의 Gutenberg 블록을 구입하십시오!

7. 겟위드

Gutenberg 블록 모음을 찾고 있다면 Getwid가 적합합니다. 아코디언 블록을 포함하여 40개 이상의 구텐베르크 블록이 함께 제공됩니다. 이 블록을 사용하여 아코디언 탭을 사용하여 FAQ 섹션을 만들 수 있습니다. 또한 Gutenberg 블록으로 FAQ의 정보를 분류할 수 있습니다.

Getwid - 최고의 아코디언 차단 WordPress 플러그인

주요 특징들:

  • 제목은 완전히 사용자 정의할 수 있습니다.
  • Gutenberg 블록을 사용하여 아코디언 내부에 콘텐츠를 추가할 수 있습니다.
  • 또한 아코디언 탭에 대한 사용자 지정 아이콘 정렬을 제공합니다.
  • FAQ 섹션에 수동으로 확장 및 축소 가능한 토글을 추가하는 토글 블록 도 사용할 수 있습니다.

아코디언 만들기:

WordPress.org에서 플러그인을 다운로드한 후 WordPress 대시보드에서 이 플러그인을 업로드, 설치 및 활성화할 수 있습니다. 그런 다음 게시물 편집기의 "+" 아이콘을 클릭하고 Getwid 블록 에서 "아코디언" 을 클릭합니다.

Getwid 블록에서 아코디언 추가
Getwid 사용

그런 다음 아코디언 항목의 수를 지정하고 "만들기" 버튼을 클릭해야 합니다. 또는 "3" 인 기본 아코디언 항목 수를 사용할 수 있습니다.

이제 아코디언 탭에 타일을 추가하여 시작할 수 있습니다. 또한 이 플러그인을 사용하면 아이콘 스타일과 위치를 사용자 지정할 수 있습니다.

Getwid 사용자 정의 옵션
Getwid 설정 사용

가격:

Getwid는 WordPress.org의 공식 저장소에서 사용할 수 있는 무료 WordPress 블록 플러그인입니다. 공식 웹사이트에서 이 플러그인을 무료로 다운로드할 수도 있습니다.

지금 Getwid하세요!

결론

그게 다야, 여러분! 이 기사의 끝에 도달했습니다.

여기에서는 7가지 최고의 WordPress 아코디언 블록 플러그인 , 기능, 가격 및 구축 프로세스에 대해 논의했습니다.

위에 나열된 플러그인 중 Stackable 플러그인을 추천하고 싶습니다. 수많은 스타일링 옵션으로 멋진 아코디언을 만들 수 있기 때문입니다. 또한 이 플러그인은 놀라운 웹사이트를 구축하는 데 필요한 기능을 제공합니다.

이것이 귀하의 웹사이트에 가장 적합한 WordPress 아코디언 블록 플러그인을 선택하는 데 도움이 되기를 바랍니다. 이러한 플러그인을 사용하고 있다면 아래 댓글 섹션에서 경험을 공유하세요.

또한 문의 사항이 있으면 댓글에 자유롭게 언급해 주세요. 최대한 빨리 연락드리겠습니다. 마지막으로 이 기사가 마음에 들면 친구 및 동료와 공유하십시오.

또한 최고의 Gutenberg 블록 플러그인 및 WordPress 블록 패턴에 대한 기사를 좋아할 수도 있습니다. 이를 사용하여 페이지를 디자인하는 방법입니다.

더 유용한 기사를 보려면 Facebook과 Twitter에서 우리를 팔로우하는 것을 잊지 마십시오.

이 기사/페이지의 일부 링크는 제휴사 링크입니다. 이러한 제휴 링크를 클릭하고 제품을 구매하면 판매자로부터 특정 비율의 수수료를 받게 됩니다. 그러나 지불할 가격에는 전혀 영향을 미치지 않습니다.