콘텐츠 전환
페이지에 너무 많은 콘텐츠가 꽉 차 있나요? 매끄럽고 인터랙티브한 토글로 정리하세요. 하지만 이것은 단지 기본적인 확장/축소 위젯이 아닙니다. 마스터 애드온의 토글 콘텐츠 요소를 사용하면 Elementor 에 저장된 전체 템플릿을 각 토글 안에 넣을 수 있습니다. 세부적인 FAQ 를 구축하거나,제품 기능을 비교하거나,탭으로 된 추천서를 만들 수 있습니다. 깔끔하고 공간 절약적인 인터페이스 내에서 말이죠. 슬라이딩 표시기부터 아이콘이 있는 라벨까지 토글러의 모든 부분을 디자인하고,스위치에 원활하고 전문적인 전환으로 애니메이션을 적용합니다. 복잡성을 숨기고 방문자에게 콘텐츠를 단계별로 안내하는 현명한 방법입니다.
텍스트 너머 - 전체 템플릿 포함
토글을 간단한 텍스트로 제한하는 이유는 무엇입니까? 각 토글 항목은 강력한 콘텐츠 유형이 될 수 있습니다: 일반 텍스트 편집기 또는 더 강력하게 템플릿을 선택하십시오. 저장된 Elementor 템플릿을 선택하고 – 사용후기 섹션,가격표 또는 기능 목록과 같은 – 토글 안에 중첩하십시오. 이렇게하면 레이블을 클릭하면 단락이 아닌 콘텐츠의 전체 섹션이 스왑 아웃되는 놀랍도록 풍부한 탭 인터페이스를 만들 수 있습니다.
- 무제한 콘텐츠 자유: 추천서, 문의 양식, 이미지 갤러리 또는 제품 사양을 별도의 토글에 넣습니다.
- 최고의 작품 재사용: 일관성을 유지하기 위해 미리 디자인된 Elementor 섹션이나 페이지를 삽입하세요.
- 비교에 적합: “계획 A 세부 정보”에 대해 하나의 토글을 사용하고 각각 고유한 전체 템플릿이 있는 “계획 B 세부 정보”에 대해 다른 토글을 사용하십시오.
완전한 시각적 사용자 정의
토글 자체를 디자인 요소로 만드세요. 배경,테두리가 있는 메인 토글러 컨테이너를 스타일링하고 스타일을 선택합니다. (둥근 알약이나 날카로운 직사각형과 같은). 그런 다음 옵션 사이에서 슬라이드하는 동적 표시기를 디자인합니다. – 색상,크기, 테두리 반경을 사용자 정의합니다. 마지막으로,전체 타이포그래피,색상으로 라벨을 스타일링하고,추가적인 명확성을 위해 아이콘을 추가합니다. 각 부품의 일반,호버 및 활성 상태를 독립적으로 제어할 수 있어 진정으로 세련된 인터랙티브 구성 요소를 만들 수 있습니다.
- 사용자 정의 토글 모양: 알약 모양, 직사각형 또는 사용자 정의 둥근 토글 스위치를 만듭니다.
- 애니메이션 슬라이딩 표시기: 활성 선택을 시각적으로 강조하는 이동 선택기를 스타일링합니다.
- 라벨 및 아이콘 디자인: 라벨 텍스트, 간격을 제어하고 각 옵션에 아이콘(체크마크 또는 정보 아이콘 등)을 추가합니다.
부드러운 기능 및 반응성 제어
토글의 느낌과 기능을 제어합니다. 기본 Active Index (토글이 먼저 열려 있음) 를 설정합니다. 표시기 속도를 조절하여 찰칵 또는 부드러운 슬라이드 애니메이션을 만듭니다. Stack On 기능을 사용하여 반응 동작을 제어합니다. – 필요한 경우 레이블이 모바일에서 수직으로 쌓이도록 합니다. 콘텐츠와 Space Between 요소에 대한 토글러의 위치를 관리하여 모든 장치에서 깔끔하고 기능적인 레이아웃을 보장합니다.
- 제어 애니메이션: 완벽한 반응감을 위해 슬라이딩 표시기의 속도를 설정합니다.
- 모바일 최적화 레이아웃: 스택온을 사용하여 수평 토글을 모바일 화면의 수직 목록에 적용합니다.
- 스마트 기본값: 페이지가 처음 로드될 때 표시되는 콘텐츠 패널을 선택합니다.
콘텐츠 전환에 대해 자주 묻는 질문
이것이 다른 사람보다 어떻게 더 나은가 Toggle widget?
다른 토글은 간단한 텍스트 Q & A 용입니다. 우리의 토글 콘텐츠 요소는 레이아웃 및 디자인 시스템입니다. 주요 장점은: 1) 전체 저장된 템플릿을 각 토글에 삽입 할 수있는 기능,2) 슬라이딩 시각적 표시기 (iOS 스위치 등), 3) 토글러,표시기 및 레이블에 대한 별도의 스타일링 및 4) 더 고급 반응 제어 (스택 온 등).
토글 안에서 기존 Elementor 템플릿 (섹션) 을 사용할 수 있습니까?
네,절대적으로! 가장 강력한 기능 중 하나입니다. 토글 항목에 콘텐츠를 추가할 때 콘텐츠 유형을 “템플릿”으로 설정합니다. 그런 다음 Elementor 라이브러리에 저장한 템플릿을 선택할 수 있습니다. 해당 토글 패널 내부에 완벽하게 로드됩니다.
토글 내부의 "템플릿" 콘텐츠 유형에 대한 실제 사용법은 무엇입니까?
소프트웨어 제품 페이지를 상상해 보십시오. 세 개의 토글을 가질 수 있습니다: “기능,”“가격,”및 “평가”텍스트를 작성하는 대신 미리 설계된 기능 그리드 템플릿을 첫 번째 토글에 삽입하고 가격 테이블 템플릿을 두 번째 토글에 삽입하고 추천 슬라이더 템플릿을 세 번째 토글에 삽입합니다. 방금 몇 분 만에 탭이있는 강력한 제품 개요를 만들었습니다.
휴대폰에서는 어떻게 작동하나요?
반응성이 완벽합니다. 토글 스위치와 콘텐츠가 화면에 맞게 축소됩니다. Stack On 설정을 사용하여 레이아웃을 변경할 수도 있습니다. – 예를 들어,토글 레이블이 매우 작은 화면에 나란히 앉는 대신 수직으로 쌓이도록 하면 탭하기 쉽습니다. 내부의 콘텐츠 (텍스트 또는 템플릿 여부) 도 자체 반응형 설정을 기반으로 응답합니다.
토글 아이템을 두 개 이상 가질 수 있나요?
예, “항목 추가” 버튼을 클릭하여 항목을 무제한으로 전환할 수 있습니다. 따라서 자세한 FAQ 페이지,다단계 프로세스 또는 여러 가지 다른 제품 계획 또는 옵션을 나란히 비교하는 데 적합합니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
