Elementor Tooltip 확장 - 아무것도에 도구 설명 추가
Tooltips 확장 프로그램은 모든 Elementor 위젯,컨테이너, 열 및 섹션에 툴팁 패널을 추가합니다. 페이지에 이미 있는 항목을 선택하고 메시지를 작성하고 배치를 선택하고 브랜드에 맞게 스타일을 지정합니다. 대신 빈 자리에 놓인 새로운 힌트가 필요한 경우 독립 실행형 을 사용하십시오 툴팁 위젯.
그걸로 뭘 할 수 있겠어?
포지셔닝 및 대화형 동작
버블을 모든 요소의 위,아래, 왼쪽 또는 오른쪽에 놓습니다. 호버링 또는 클릭 시 트리거. 입구 애니메이션 (페이드,스케일), 지속 시간 및 숨기기-지연을 추가합니다. 또는 도구 설명이 마우스와 함께 이동하도록 커서 따르기를 활성화하면 지도,차트 및 다이어그램에 잘 작동합니다.
- 도구 설명을 설명하는 내용을 절대 다루지 않도록 도구 설명을 어느 쪽으로든 고정하세요.
- 팔로우 커서는 이미지와 다이어그램을 탐색 가능한 라벨이 붙은 표면으로 바꿉니다.
- 애니메이션 및 타이밍 컨트롤을 사용하면 각 툴팁이 인터페이스에 기본으로 느껴집니다.
시각적 사용자 정의
브라우저 기본값을 직접 디자인한 툴팁으로 대체: 텍스트 및 배경색, 패딩, 테두리, 테두리 반경, 화살표 스타일 및 색상, 상자 그림자, 전체 타이포그래피 제어.
- 배경, 텍스트, 화살표에 대한 정확한 브랜드 색상입니다.
- 나머지 설계 시스템과 일치하는 테두리, 반경 및 그림자.
- 읽을 수 있는 현미경 검사를 위한 글꼴 패밀리, 크기 및 무게 조절.
AI 도움말과 함께 모든 것에 대한 도구 설명
버튼,아이콘, 이미지,제목, 컨테이너,열, 섹션 및 편집기에서 선택할 수있는 모든 항목에서 작동합니다. 문구에 붙어 있습니까? AI 로 쓰기를 누르면 그 자리에서 명확한 도구 설명 텍스트를 생성합니다.
- 하나의 스위치는 사이트 전체에 도구 설명을 추가하고 힌트당 추가 위젯을 추가하지 않습니다.
- AI 초안 작성을 통해 수십 가지 요소를 일관되게 빠르게 다룰 수 있습니다.
- 실시간 제품 정보와 같은 데이터 기반 힌트를 위해 동적 태그와 결합됩니다.
확장 또는 요소: 어떤 것이 필요합니까?
이 페이지 (도구 설명 확장): 콘텐츠가 이미 존재하며 이에 힌트를 첨부하고 싶습니다. Follow Cursor 및 Write with AI 포함.
도구 설명 요소: 자체 트리거가 있는 페이지에 새로운 독립 실행형 힌트 위젯이 필요합니다.
일반적인 사용 사례
- 아이콘 및 버튼: 클릭하기 전에 아이콘 전용 버튼이 수행하는 작업을 설명합니다.
- 이미지 및 다이어그램: 지도, 평면도, 기술 도면에서 커서 라벨을 따르세요.
- 제목 및 용어: 각주 없이 전문 용어를 인라인으로 정의합니다.
- 섹션: 전체 블록에 대한 베타 또는 “새” 배지 및 기능 호출 힌트.
- 우커머스: 구매 버튼에 첨부된 배송, 재고 또는 변형 메모입니다.
어떻게 추가하나요?
- 아무거나 선택. Elementor 에서 아무 위젯,열, 컨테이너 또는 섹션을 클릭한 다음 마스터 애드온 도구 설명 패널을 엽니다.
- 쓰고 배치합니다. 메시지를 입력하고 (또는 AI 로 생성), 배치를 설정하고,트리거 (호버 또는 클릭), 애니메이션,기간, 필요한 경우 커서를 따르십시오.
- 스타일을 지정합니다. 색상,타이포그래피, 패딩,반경, 화살표,그림자를 설정합니다. 페이지를 업데이트합니다.
툴팁에 대해 자주 묻는 질문
Tooltip 위젯과 어떻게 다른가요?
확장 프로그램은 페이지에 이미 존재하는 콘텐츠에 툴팁을 첨부합니다. The 툴팁 요소 는 자체 트리거가 있는 새 힌트가 필요할 때 드롭하는 독립 실행형 위젯입니다. 기존 버튼,아이콘 또는 섹션: 확장자를 사용합니다. 힌트가 필요한 빈 자리: 요소를 사용합니다.
모바일에서 툴팁은 어떻게 작동하나요?
터치 스크린에는 호버가 존재하지 않으므로 탭이 트리거 역할을하고 다른 곳에서 두 번째 탭을 누르면 거품이 꺼집니다. 모바일 툴팁 텍스트를 짧게 유지하고 중요한 힌트를 보려면 클릭 트리거를 선호하십시오.
툴팁은 SEO 및 접근성에 적합합니까?
툴팁 텍스트는 HTML 에 있으므로 크롤링이 가능합니다. 하지만 일부 화면 판독기 및 키보드 흐름이 놓칠 수 있으므로 툴팁 안에만 필수 정보를 넣지 마십시오. 보충 도움말에는 툴팁을 사용하고 접근성 도구로 테스트하십시오.
많은 툴팁이 내 페이지 속도를 늦출까요?
각 툴팁은 소량의 HTML 과 CSS 를 추가합니다. 페이지당 5~10 정도의 일반적인 사용은 눈에 띄는 영향을 미치지 않습니다. 한 페이지에 수십 개의 무거운 애니메이션 툴팁이 추가될 수 있으므로 간결하게 유지하십시오.
Follow Cursor 는 어떤 용도로 좋은가요?
탐색 가능한 비주얼: 지도,제품 핫스팟,차트, 기술 다이어그램. 버블은 포인터를 따라가므로 커서 아래의 각 영역은 자체 라이브 설명을 얻습니다.
툴팁 안에 동적 콘텐츠를 사용할 수 있나요?
예. 동적 태그와 결합하여 가격, 이름 또는 날짜와 같은 실시간 데이터를 삽입하여 수동 편집 없이 힌트가 최신 상태로 유지되도록 합니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
