Elementor 중첩 탭: 변경된 내용과 수행할 수 있는 작업

주요 시사점

• 중첩 탭이 원래 탭 위젯을 대체했습니다. 이전 탭은 Elementor 3,8 이후 패널에 사용 중지 알림이 표시되었으며 끌어온 새 탭은 중첩 버전입니다.
• 모든 패널은 컨테이너이므로 양식, 갤러리, 루프 그리드 및 가격 테이블은 모두 탭 내부에서 작동합니다.
• Breakpoint 컨트롤은 스트립을 선택한 너비 아래의 수직 아코디언으로 바꾸고 모바일을 기본값으로 사용합니다.
• 가로 스크롤은 한 줄에 긴 줄의 제목을 유지하고 방문자가 해당 제목을 쓸어넘길 수 있도록 합니다.
• 리피터는 탭 제목만 가지고 있어서 사람들을 잡아냅니다: 패널 콘텐츠는 패널이 아닌 캔버스 위에 구축됩니다.

Elementor 의 탭은 텍스트 상자 안에 있는 텍스트 상자였습니다. 한 필드에 제목을 입력하고 다른 필드에 내용을 입력했는데,거기에 문의 양식을 넣으려면 불운이 따릅니다.

중첩 탭이 모델을 변경했습니다. 각 패널은 이제 컨테이너이므로 탭 내부에서 전체 위젯 라이브러리를 사용할 수 있습니다. 이 게시물에서는 작동 방식,컨트롤이 있는 위치 및 여전히 사람들을 좌절시키는 세 곳을 다룹니다.

바뀐 것

오래된 Tabs 위젯은 모든 것을 하나의 리피터에 저장했습니다: 제목 필드와 행당 콘텐츠 필드. 콘텐츠 필드는 텍스트와 이미지만 가져오고 다른 것은 가져오지 않기 때문에 단순하게 만들고 보유할 수 있는 내용도 제한했습니다.

중첩 탭은 이를 분할합니다. 리피터는 제목을 유지하고 각 패널은 내부에 빌드한 캔버스의 실제 컨테이너가 됩니다. Elementor는 이 중첩을 호출하고 탭은 이를 얻은 첫 번째 위젯이었습니다.

이전 위젯은 여전히 배송되므로 기존 페이지는 계속 작동하며, 하나를 편집하면 새 탭 위젯이 중첩 버전이 된다는 공지가 표시됩니다. 해당 공지는 버전 3.8에 도착했습니다.

정리할 가치가 있는 한 가지는,많은 가이드와 AI 답변이 여전히 이렇게 말하기 때문입니다: Nested Elements 를 켜지 않아도 됩니다. 실험으로 도착했고,현재 Elementor 에서는 안정적으로 표시되어 있고 기본적으로 활성화되어 있으며 전환이 불가능하므로 실험 화면에 전혀 나타나지 않습니다. 설정을 찾으러 갔다가 찾을 수 없다면,그 이유가 바로 그것입니다.

빌딩 1

1. 탭을 페이지로 드래그하십시오. 내부에 빈 컨테이너가 들어있는 세 개의 탭이 있습니다.
2. 탭 반복기의 행 이름을 바꿉니다. 제목이 유일한 필드이며,이전 위젯에서 오는 사람들을 놀라게하는 부분입니다.
3. 캔버스의 탭을 클릭하여 패널을 연 다음 위젯을 컨테이너로 드래그합니다.
4. 각 탭에 대해 반복합니다. 다른 곳과 동일하게 반복기로 행을 추가하거나 제거합니다.

중요한 컨트롤

방향은 제목 스트립을 이동합니다. 위쪽과 아래쪽은 수평으로 유지하고 시작과 끝은 세로 탭 레이아웃인 측면 열로 바꿉니다. 시작과 끝은 텍스트 방향을 따르므로 오른쪽에서 왼쪽 언어로 뒤집습니다.

제목 핸들 간격 정당화 및 정렬: 제목이 스트립을 채우기 위해 늘어나는지 아니면 함께 앉는지, 그리고 각 제목 내부에서 텍스트가 정렬되는 방식.

가로 스크롤, 추가 설정에서 긴 행의 제목이 래핑되는 것을 중지합니다. 스트립이 대신 옆으로 스크롤되고 방문자가 스와이프하거나 드래그합니다.

Breakpoint 는 같은 섹션에 위치하며 알 가치가있는 컨트롤입니다. 선택한 너비 아래에서 스트립은 수직 아코디언 레이아웃으로 전환되며 각 제목은 자체 패널 위에 있습니다. 모바일은 일반적으로 올바른 기본값입니다.

패널에 넣을 수 있는 것

아무거나. 패널은 보통 콘테이너입니다,그래서 가득 차있는 위젯리스트는 적용합니다:

• “문의” 탭의 문의 양식
• “사진” 에 이미지 갤러리
• “좋아할 수도 있습니다”에서 관련 제품을 당기는 루프 그리드입니다
• “계획”에 대한 가격표입니다
• “탭 내부 탭” 검색이 나오는 탭 내부에 중첩된 탭 세트입니다

탭 내부의 탭은 가능하며,실제로는 거의 좋은 생각이 아닙니다. 탭 스트립의 두 가지 수준은 방문자가 선택한 조합을 기억해야 함을 의미합니다. 콘텐츠가 실제로 2 차원 인 경우 외부의 탭과 내부의 아코디언이 훨씬 잘 읽혀집니다.

세 가지 한계

탭 제목은 텍스트와 선택적 아이콘을 사용하므로 이미지 제목이 없습니다. 제목이 로고나 제품 사진일 필요가 있다면 코어 위젯은 할 수 없고 아이콘 유형 컨트롤이 있는 애드온은 할 수 있습니다.

패널은 클릭 시 변경됩니다. 이는 터치 스크린에 적합한 기본값이며 일부 디자인에서 사용하는 호버 동작에 대한 설정은 없습니다.

스타일링은 0부터 시작합니다. 사전 설정이 없으므로 위젯이 일반으로 떨어지고 모든 테두리, 색상 및 패딩이 귀하가 내리는 결정입니다. 그것이 유연성이며 마감일에도 20분입니다.

애드온 위젯이 더 잘 맞을 때

그 세 가지 제한은 대략 애드온 탭 위젯의 기능 목록입니다. The 마스터 애드온 탭 위젯 스타일 사전 설정에서 시작하여 각 타이틀에 아이콘이나 이미지를 가져오고 탭 효과를 그런 식으로 설정하면 호버에서 패널을 전환합니다. 어떤 Elementor Pro 도 필요하지 않습니다.

거래는 다른 방식으로 실행됩니다: 그 패널은 편집기 콘텐츠를 취하므로 내부에 양식을 넣는 것은 저장된 템플릿에 콘텐츠 유형을 가리키는 것을 의미하며 이는 Pro 옵션입니다. 패널의 컨테이너는 핵심 위젯 만 수행하는 한 가지입니다.

구분선은 패널을 통해 실행됩니다. 그 안에 있는 대화형 콘텐츠는 중첩된 탭을 의미합니다. 특정한 것처럼 보여야 하는 탭 스트립은 애드온을 의미합니다.

자주 묻는 질문

최종 생각

중첩 탭은 패널 내부에서 어떤 일이 일어나야 할 때 도달해야 하는 탭이며,아코디언 중단점만으로도 오래된 탭 블록을 다시 만들 가치가 있습니다. 스타일링에 대한 헤드 스타트를 제공하지 않으며 제목에 이미지가 없습니다. 이는 간격 애드온 위젯 채우기입니다.

관련 읽기

• 탭 위젯
• Elementor 에서 탭을 만드는 방법
• 고급 아코디언 위젯