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