Elementor Toggle 대 Accordion 대 Tabs 대 Content Switcher

두 장의 카드로 표시된 아코디언과 콘텐츠 토글

주요 시사점

  • Elementor 토글 대 아코디언 비교에서 유일한 기능적 차이는 얼마나 많은 항목이 열려 있는지입니다: 아코디언은 하나의 항목을 열어두고 토글은 여러 항목을 한 번에 열어 놓습니다.
  • Elementor 4.3은 위젯 패널에서 토글 위젯을 숨기고, Accordion 위젯은 One 또는 Multiple로 설정된 Max Items Expanded를 통해 두 가지 동작을 모두 다룹니다.
  • Elementor 탭은 단일 콘텐츠 영역 위에 일련의 제목을 표시하며 각 탭에는 비슷한 가중치의 3~6개 섹션에 적합한 모든 위젯을 저장할 수 있습니다.
  • 콘텐츠 토글이라고도 하는 콘텐츠 전환기는 방문자가 스위치를 클릭하면 하나의 전체 블록을 다른 블록으로 대체하며 Elementor나 Elementor Pro에는 스위치가 포함되지 않습니다.
  • 마스터 애드온 토글 콘텐츠 위젯은 두 개 이상의 옵션이 있는 Pro 콘텐츠 전환기이며, 각 옵션에는 텍스트나 저장된 섹션, 페이지 또는 위젯 템플릿이 있습니다.

Elementor 토글과 아코디언의 차이점은 함께 열 수 있는 항목 수입니다. 아코디언은 다른 항목을 클릭하면 열린 항목을 닫습니다. 토글은 열어 둡니다. 탭과 콘텐츠 스위처는 다시 다른 도구입니다: 고정된 공간에 표시되는 내용을 교환하며,아코디언과 토글은 아래쪽으로 확장됩니다.

이 비교는 네 가지를 모두 다루고 현재 Elementor 버전에서 토글 위젯이 어디로 갔는지 보여주고 둘 중 하나를 선택할 수 있는 표로 끝납니다.

한눈에 보는 토글 vs 아코디언 vs 탭 vs 콘텐츠 전환기

4 개의 위젯은 모두 방문자가 요청할 때까지 콘텐츠를 숨깁니다. 방문자가 클릭하는 내용과 다음에 발생하는 내용이 다릅니다.

아코디언토글탭콘텐츠 전환기
방문자가 클릭하는 것스택의 제목스택의 제목연속으로 탭 제목스위치에 있는 라벨
무슨 일이 일어나는지항목이 열리고 이전 항목이 닫힙니다아이템이 열리고, 나머지는 그대로 유지됩니다내용 영역이 바뀝니다전체 블록이 교체됩니다
아이템이 한 번에 열립니다하나어떤 숫자든하나하나
페이지 높이클릭 시 변경사항클릭 시 변경사항대부분 고정대부분 고정
일반적인 항목 수입니다4~123~83 에서 6 까지2 또는 3
위한 최고의FAQ세부사항 사람들은 비교합니다특징, 사양, 리뷰월별 및 연간 가격
엘레멘토에서아코디언 위젯아코디언 위젯, 최대 항목 확장됨 다중으로 설정되었습니다탭 위젯포함되지 않음, 애드온 필요

Elementor Accordion: 한 번에 하나의 답변

아코디언은 한 번에 하나의 항목만 열리는 타이틀의 스택입니다. 두 번째 타이틀을 클릭하고 첫 번째 타이틀이 닫힙니다. 그러면 페이지가 짧아 지므로 아코디언은 FAQ 의 일반적인 선택입니다.

Elementor 4.3에서 각 아코디언 항목은 컨테이너이므로 모든 위젯을 허용하고 더 이상 텍스트에만 국한되지 않습니다. 동작을 제어하는 설정은 에 있습니다 상호작용 콘텐츠 탭 섹션:

  • 기본 상태: 먼저 확장되거나 모두 무너졌습니다.
  • 최대 항목 확장: 하나 또는 여러.
  • 애니메이션 기간: 항목을 여는 데 걸리는 시간은 기본적으로 400ms입니다.
기본 상태, 최대 항목 확장 및 애니메이션 기간을 보여주는 Elementor Accordion 위젯 상호 작용 섹션입니다
Elementor 4.3의 Accordion 위젯의 상호 작용 섹션입니다.

레이아웃 섹션에도 다음이 있습니다 FAQ 스키마 항목에 대한 FAQ 구조화된 데이터를 추가하는 Switch. 더 많은 제목 스타일과 아이콘을 원한다면 다음을 참조하세요 고급 아코디언 위젯.

Elementor Toggle: 여러 답변이 함께 열립니다

토글은 아코디언처럼 생겼는데,각각의 아이템이 스스로 열리고 닫히는 것이 다른 점이죠. 방문자가 첫 번째,세 번째,네 번째 아이템을 열어 함께 읽을 수 있습니다.

Elementor 는 Toggle 을 자체 위젯으로 배송하는 데 사용되었습니다. Elementor 4,3 에서는 위젯 패널에서 숨겨져 있습니다. 검색 상자에 “toggle”을 입력하면 탭과 아코디언을 얻을 수 있습니다. 왜냐하면 아코디언 위젯은 이제 두 가지 작업을 모두 수행하기 때문입니다.

토글 위젯 없이 토글 반환 탭, 아코디언 및 토글 콘텐츠를 Elementor 4.3 위젯 패널 검색
토글 위젯이 간 곳: Elementor 4,3 에서 “토글”을 검색하면 탭과 아코디언이 반환됩니다. Master Addons Pro 가 활성화되어 있기 때문에 여기에 콘텐츠 토글이 나타납니다.

지금 동작을 전환하려면 아코디언 위젯과 세트를 추가하세요 최대 항목 확장 에 여러모든 항목이 닫혀 시작되어야 하는 경우 기본 상태를 모두 접힌 것으로 설정합니다. 이는 이전 토글 위젯이 로드되는 방식입니다.

최대 아이템이 포함된 Elementor Accordion 확장 세트는 여러 개로, 동시에 열려 있는 두 개의 아이템을 표시합니다
아코디언 위젯의 동작 전환: 두 항목이 동시에 열립니다.

엘리멘터의 위젯 문서 전환 여전히 이전 위젯에 대해 설명합니다. 새 작업의 경우 Accordion 을 사용합니다.

요소 탭: 섹션이 나란히 있습니다

탭은 제목을 연속으로 배치하고 그 아래에 하나의 콘텐츠 영역을 표시합니다. 제목을 클릭하면 해당 영역에 있는 내용이 변경되고 페이지 높이는 거의 동일하게 유지됩니다.

기능, 사양, 리뷰 탭과 기능 콘텐츠가 포함된 Elementor 탭 위젯입니다
하나의 콘텐츠 영역에 세 개의 탭이 있습니다.

탭은 섹션이 동등한 파트너일 때 작동합니다. 기능,스펙 및 리뷰가 포함된 제품 페이지가 전형적인 경우입니다. 방문자는 모든 타이틀을 한 번에 볼 수 있으므로 클릭하기 전에 무엇이 제공되는지 알 수 있습니다.

너무 많으면 작동을 멈춥니다. 6 개의 타이틀을 지나서 행은 데스크톱에서 랩되고 휴대폰에서는 혼잡해집니다. 이미지 또는 아이콘 탭 제목과 세로 레이아웃은 을 참조하세요 고급 탭 위젯.

콘텐츠 전환기: 한 블록을 다른 블록으로 교환합니다

콘텐츠 전환기는 하나의 전체 블록을 다른 블록으로 대체하는 두세 개의 레이블이 있는 작은 스위치입니다. 콘텐츠 전환이라고도 하며 가격 페이지에서 월간 및 연간 스위치 뒤에 있는 위젯입니다.

탭은 서로 다른 주제를 구성합니다. 스위처는 두 가지 가격의 동일한 요금제 또는 두 가지 단위 시스템의 동일한 제품과 같은 동일한 버전의 두 가지 버전을 보여줍니다.

Elementor의 콘텐츠 전환기는 팀을 위해 설정된 제목과 팀을 위해 작성된 단락을 표시합니다
첫 번째 옵션의 콘텐츠 전환기입니다.
동일한 콘텐츠 전환기가 프리랜서용으로 설정되어 제목과 단락이 대체되었습니다
두 번째 옵션은 동일한 공간에서 첫 번째 옵션을 대체합니다.

Elementor 와 Elementor Pro 에는 콘텐츠 전환기가 포함되어 있지 않습니다. The 콘텐츠 위젯 토글 마스터 애드온 프로에서 하나입니다. 각 옵션은 텍스트 또는 저장된 템플릿을 보유하고 스위치는 원형 또는 사각형이 될 수 있으며 Active Index 는 어떤 옵션이 먼저 로드되는지 설정합니다.

콘텐츠 전환기의 작동을 확인하세요. X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 콘텐츠 페이지 전환 청구 스위치, 미터법 및 영국식 사양 테이블을 포함하여 클릭 가능한 10개의 데모가 있습니다.

어느 것을 사용해야합니까?

내용별로 선택하세요. 얼마나 많은 조각이 있는지,방문자가 한 번에 두 개 이상을 볼 필요가 있는지 물어보세요.

귀하의 콘텐츠사용
짧은 대답으로 10가지 지원 질문이 있습니다아코디언
구매자가 함께 읽는 배송, 반품 및 크기 세부 정보토글(다중으로 일치)
짧은 소개가 포함된 긴 전기입니다더 읽기 링크로서의 단일 항목 아코디언
한 제품에 대한 기능, 사양 및 리뷰탭
동일한 플랜의 월별 및 연간 가격입니다콘텐츠 전환기
에이전시를 위해 작성된 섹션과 프리랜서를 위해 작성된 섹션입니다콘텐츠 전환기
로그인한 사용자만 볼 수 있는 콘텐츠입니다이 중 어느 것도 없습니다. 표시 조건을 사용하십시오.

4 개의 위젯 모두 방문자가 무엇을 볼지 결정할 수 있게 합니다. 사이트가 로그인 상태,날짜 또는 사용자 역할을 통해 결정해야 한다면,그것이 바로 그것입니다 elementor의 표시 조건 위한 것입니다.

스위치를 뒤집는 버튼을 찾으러 오셨다면 가이드가 안내해 드립니다 elementor 에서 토글 버튼 만들기 각 유형에 대한 단계가 있습니다.

숨겨진 패널이 SEO를 해치나요?

아니,숨겨진 내용이 페이지 HTML 에있는 한. 아코디언 항목,탭 패널 및 스위처 옵션은 모두 소스에 인쇄되어 CSS 로 숨겨져 있으므로 검색 엔진이 읽을 수 있습니다.

방문자가 먼저 보기 때문에 기본적으로 열려 있는 항목에 가장 중요한 내용을 넣습니다. 해당 답변을 제공하기 위해 페이지가 있는 경우 클릭 뒤에 주요 답변을 숨기지 마십시오.

자주 묻는 질문

Elementor 에서 아코디언과 토글의 차이점은 무엇입니까?

아코디언은 하나의 열린 항목을 허용하므로 새 항목을 열면 마지막 항목이 닫힙니다. 토글을 사용하면 여러 항목이 함께 열려 있을 수 있습니다. 현재 Elementor 버전에서는 둘 다 아코디언 위젯에서 제공되며 최대 항목 확장 설정(1개 또는 여러 개)이 이들 사이를 전환합니다.

Elementor 에서 토글 위젯이 누락된 이유는 무엇입니까?

Elementor 는 현재 버전의 패널에서 Toggle 위젯을 숨깁니다. 왜냐하면 Accordion 위젯이 동일한 작업을 수행하기 때문입니다. Accordion 을 추가하고 상호 작용 섹션을 열고 Max Items Expanded to Multiple 을 설정하여 독립적으로 열고 닫는 항목을 가져옵니다.

탭을 사용해야 할까요, 아니면 아코디언을 사용해야 할까요?

기능, 사양 및 리뷰와 같이 방문자가 선택하는 동일한 가중치의 3 ~ 6 개 섹션에 탭을 사용하십시오. 탭 제목 행이 맞지 않는 FAQ와 같은 짧은 답변의 긴 목록에는 아코디언을 사용하십시오.

콘텐츠 전환기는 탭과 동일합니까?

둘 다 한 영역에서 콘텐츠를 교환하기 때문에 비슷한 방식으로 작동합니다. 목적이 다릅니다. 탭은 다른 주제를 분리하고 콘텐츠 전환기는 컴팩트 스위치 뒤에 월별 및 연간 가격과 같은 동일한 콘텐츠의 두세 가지 버전을 표시합니다.

Elementor에는 콘텐츠 전환기가 있습니까?

아니요. Elementor 나 Elementor Pro 에는 콘텐츠 전환기 또는 콘텐츠 토글 위젯이 포함되어 있지 않습니다. 탭 위젯으로 하나를 근사화하거나,Toggle Content 라고 하는 Master Addons Pro 와 같은 애드온에서 하나를 추가할 수 있습니다.

최종 생각

Elementor toggle vs accordion 은 하나의 설정인 Max Items Expanded 에 의해 결정되는데,둘 다 이제 아코디언 위젯에 살고 있기 때문입니다. 탭과 콘텐츠 스위처는 다른 문제를 해결합니다: 고정된 공간을 채우는 것을 변경합니다. 탭은 여러 주제에 적합하고 스위처는 한 가지의 두 가지 버전에 적합합니다.

마지막 경우에는 콘텐츠 위젯 토글 master Addons Pro의 콘텐츠 전환기입니다.

로이 제미 사진
로이 제미
저는 Pixar Labs 의 콘텐츠 랭글러이자 마케터인 Roy Jemee 로 Elementor 를 위한 마스터 애드온을 작업하고 있습니다. 튜토리얼을 작성하고,비디오를 녹화하고,문서를 최신 상태로 유지하므로 모든 기능을 사용하는 방법을 항상 알고 있습니다. 또한 지원을 처리하므로 걸림돌이 생기면 문제를 해결하는 데 도움을 주는 사람입니다. 매일 이러한 도구를 사용하는 사람이 제공하는 실제 답변.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드가 표시되어 있습니다 *