섹션 전환을 위한 Elementor Content Toggle 위젯(Pro)
Toggle Content 는 Master Addons Pro 위젯으로 스위치를 콘텐츠 블록 위 (또는 아래) 에 배치합니다. 방문자는 레이블을 클릭하고 그 아래의 콘텐츠가 변경되며 청구된 월간 및 청구된 연간 스위치가 가격 카드 세트를 변경하는 방식입니다. 각 옵션은 입력한 텍스트 또는 저장된 Elementor 섹션,페이지 또는 위젯 템플릿을 보유할 수 있으며 원하는 만큼 옵션을 추가할 수 있습니다. 색상이 지정된 표시기는 활성 레이블 뒤로 슬라이드됩니다. 확장 및 축소 목록이 아닌 콘텐츠 세트 간 전환이므로 접을 수 있는 FAQ 의 경우 사용하십시오 고급 아코디언 대신.
Elementor에서 콘텐츠 토글을 추가하는 방법
콘텐츠를 전환하려면 Elementor와 활성 요소가 필요합니다 마스터 애드온 프로 라이센스. 옵션에 전체 레이아웃이 표시되어야 하는 경우 먼저 해당 레이아웃을 템플릿으로 저장합니다.
- 전환하려는 섹션(예를 들어 월별 가격 및 연간 가격)을 Elementor 템플릿으로 저장합니다.
- Elementor로 페이지를 편집하고 위젯 패널을 검색하세요 콘텐츠 전환 그리고 제자리로 끌어.
- 에서 요소, Label One과 Label Two의 이름을 바꾸고, 필요한 경우 항목을 더 추가하세요.
- 각 항목에 대해 Type 을 Content 로 설정하고 텍스트를 쓰거나 Template 으로 설정하고 저장된 섹션,페이지 또는 위젯을 선택합니다.
- 에서 설정 토글를 선택하고 활성 인덱스를 선택하고 콘텐츠 이전 또는 이후에 스위치를 놓고 표시기 속도를 설정합니다.
- 토글러, 표시기 및 레이블을 스타일링하고 모바일용 스택 켜기를 설정한 다음 각 레이블을 미리 보고 클릭합니다.
모든 설정은 에서 다룹니다 콘텐츠 위젯 설정 토글 가이드.
각 옵션에 텍스트 또는 저장된 템플릿이 있습니다
의 모든 항목 요소 반복기는 스위치에 1 개의 선택권입니다. 그것을 a 주십시오 라벨 그리고 선택 사항입니다 아이콘 (레이블의 앞이나 뒤에, 아이콘 간격으로). 그런 다음 설정합니다 유형 미디어 및 동적 태그가 있는 텍스트 편집기의 콘텐츠로 이동하거나 Elementor 라이브러리에서 저장된 섹션, 페이지 또는 위젯을 템플릿으로 선택합니다.
- 월별 및 연간 가격표를 두 개의 저장된 섹션으로 빌드한 다음 각각에 하나의 옵션을 지정합니다.
- 양식, 갤러리 또는 기타 위젯은 템플릿으로 저장되면 옵션에 포함될 수 있습니다.
- 각 옵션에는 스타일 하위 탭에 자체 라벨 색상, 활성 라벨 색상 및 표시기 색상이 있습니다.
토글러, 표시기 및 라벨을 스타일링합니다
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 토글러 섹션은 스위치 트랙을 스타일링합니다: 스타일(원형 또는 정사각형), 배경색, 테두리 반경, 정렬, 확장하여 확장, 너비(%), 테두리, 상자 그림자, 패딩 및 여백. 표시기 슬라이딩 하이라이트를 자체 배경, 높이, 너비, 테두리 반경, 상자 그림자 및 패딩으로 스타일링합니다. 라벨 기본, 호버 및 활성 상태에 대한 타이포그래피, 전환, 간격 및 색상을 설정합니다.
- A 콘텐츠 섹션은 타이포그래피, 패딩, 여백, 테두리, 색상 및 배경을 사용하여 아래 패널을 스타일링합니다.
- 표시기 속도는 슬라이드가 걸리는 시간을 기본적으로 0.3 초로 설정합니다.
- 콘텐츠 패널 자체가 바로 교체됩니다. 표시기만 슬라이드됩니다.
기본 옵션, 위치 및 모바일 레이아웃
활성 인덱스 페이지가 로드될 때를 보여주는 옵션을 선택합니다. 첫 번째 옵션은 1입니다. 위치 내용의 Before 또는 After 를 스위치에 넣습니다. 작은 화면에서는 스택 온 (All, Tablet & Mobile 또는 Mobile)은 별도의 인라인 정렬 및 누적 정렬 컨트롤을 사용하여 레이블 행을 수직 목록으로 바꿉니다.
- 두 가지 옵션을 사용하면 활성 레이블을 클릭하면 다른 레이블로 전환되므로 켜기 및 끄기 스위치처럼 작동합니다.
- 3개 이상이면 활성 레이블을 클릭하면 다음 옵션으로 이동합니다.
- 페이지가 선택 사항을 기억하지 못하므로 모든 방문은 활성 인덱스 옵션에서 시작됩니다.
Elementor의 콘텐츠 토글 대 아코디언 대 탭
세 가지 모두 공간을 절약하지만 서로 다른 문제를 해결합니다. Elementor 의 이전 Toggle 위젯은 접을 수있는 목록이며 Elementor 는 이제 Accordion 을 위해 패널에서 숨깁니다. Elementor 나 Elementor Pro 에는 하나의 콘텐츠 세트를 다른 콘텐츠로 교환하는 스위치가 없으며 이것이 Toggle Content 가 수행하는 작업입니다.
| 위젯 | 방문자가 보는 것 | 위한 최고의 | 그것을 얻을 수있는 곳 |
|---|---|---|---|
| 콘텐츠 전환 | 레이블이 있는 스위치. 한 번에 하나의 콘텐츠 세트가 표시됩니다. | 월별 및 연간 가격, 개인 및 사업 계획, 섹션의 두 가지 버전 | 마스터 애드온 프로 |
| 아코디언 | 확장되고 붕괴되는 타이틀의 스택 | FAQ 및 긴 짧은 답변 목록 | 엘리멘터 아코디언 (무료) 또는 고급 아코디언 (무료) |
| 탭 | 콘텐츠 영역 위에 탭 제목 행 | 기능, 사양 및 리뷰와 같이 무게가 비슷한 여러 섹션 | Elementor 탭 (무료) 또는 고급 탭 (무료) |
방문자가 한 번에 여러 가지 답변을 볼 필요가 있다면 아코디언을 사용하십시오. 많은 섹션이 있다면 탭이 더 명확합니다. 선택이 두 개 또는 세 개의 동일한 버전 중 하나 일 때 콘텐츠 토글은 레이아웃을 안정적으로 유지하고 선택을 명백하게합니다. 또한 와 잘 쌍을 이룹니다 가격표 위젯.
콘텐츠 전환에 대해 자주 묻는 질문
토글 콘텐츠는 무료인가요?
아니요. 콘텐츠 전환은 Pro 위젯이며 다음이 필요합니다 마스터 애드온 프로 라이센스. 무료 플러그인은 고급 아코디언 그리고 고급 탭접을 수 있는 목록과 탭 섹션을 다룹니다.
토글 안에 저장된 Elementor 템플릿을 사용할 수 있나요?
예. 항목에서 유형을 템플릿으로 설정하고 템플릿 유형에서 섹션,페이지 또는 위젯을 선택한 다음 저장된 템플릿을 선택합니다. 해당 옵션은 레이블이 활성화되어 있을 때 전체 템플릿을 보여줍니다.
콘텐츠 토글은 아코디언이나 탭과 어떻게 다릅니까?
아코디언은 목록의 항목을 확장 및 축소하고 탭에는 한 콘텐츠 영역에 걸쳐 일련의 제목이 표시됩니다. 콘텐츠 토글은 한 전체 콘텐츠 세트를 다른 콘텐츠 세트로 바꾸는 스위치로,월별 또는 연간 가격 책정과 같은 선택에 적합합니다. Elementor 의 자체 토글 위젯은 실제로 축소 가능한 목록이며 이제는 아코디언을 선호하여 숨겨집니다.
모바일에서는 어떻게 동작하나요?
레이블은 기본적으로 일렬로 배치됩니다. Stack On 을 Mobile,Tablet & Mobile 또는 All 로 설정하여 수직으로 쌓고 Stacked Align 을 사용하여 정렬합니다. 템플릿 콘텐츠는 자체 반응형 설정을 따릅니다.
두 개 이상의 토글 옵션을 가질 수 있습니까?
예. 요소 중계기에서 항목 추가 를 클릭하여 더 추가합니다. 세 가지 이상의 옵션을 사용하면 활성 레이블을 클릭하면 다음 레이블로 이동하고 다른 레이블을 클릭하면 바로 해당 레이블로 이동합니다. 많은 섹션에서 탭은 일반적으로 스캔하기가 더 쉽습니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
![Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
