Elementor 애니메이션 헤드라인 위젯: Pro의 무료 대안
애니메이션 헤드 라인은 고정 된 첫 번째 부분과 회전 두 번째 부분에서 제목을 구축하는 무료 마스터 애드온 위젯입니다. 무료 버전은 네 가지 효과를 포함한다: 회전 1,회전 2,회전 3 및로드 바. 마스터 애드온 프로는 여섯 가지를 더 추가: 입력,슬라이드, 클립,줌, 스케일 및 푸시. Elementor 의 자신의 애니메이션 헤드 라인 위젯은 Elementor 프로 필요하므로 이것은 당신에게 무료 Elementor 에 회전 헤드 라인 텍스트를 제공합니다.
10 애니메이션 사전 설정: 4 무료, 6 프로
스타일 사전 설정 회전하는 각 단어가 어떻게 들어오고 나가는지 결정합니다. 모든 사전 설정은 페이지가 열려 있는 동안 두 번째 제목 목록을 계속 반복합니다.
- 1 회전, 2 회전, 3 회전 (무료): 단어를 제자리에 뒤집거나 회전합니다. 2 를 회전하고 3 을 회전하면 문자를 한 글자씩 애니메이션화하고 2 를 회전하면 자체 Letters Delay (기본값으로 50ms) 가 있습니다.
- 로딩 바(무료): 얇은 막대는 다음 막대가 나타나기 전에 단어 아래에서 실행됩니다. 막대 색상,높이 및 위치를 설정할 수 있으며 3800 ms 의 자체 지연을 사용합니다.
- 입력(프로): 현재 단어를 선택한 다음 문자 유형 지연 및 선택 기간 설정을 사용하여 다음 문자를 문자별로 입력합니다.
- 클립(프로): reveal Duration 및 Reveal Animation Delay 설정을 사용하여 움직이는 가장자리를 통해 단어를 공개합니다.
- 슬라이드, 줌, 스케일 및 푸시(Pro): 이전 단어가 떠날 때 새 단어를 밀어 넣거나 확대하거나 크기를 조정하거나 밀어 넣습니다.
스타일링 및 타이밍 설정
스타일 탭에는 별도의 첫 번째 제목 그리고 두 번째 제목 섹션,그래서 고정 된 텍스트와 회전 단어가 다르게 보일 수 있습니다. 각 하나는 텍스트 색상,배경, 타이포그래피,패딩, 여백,경계, 테두리 반경 및 상자 그림자를 가지고 있습니다. 첫 번째 제목은 지울 수있는 보라색 배경에 흰색 텍스트로 시작합니다.
- 정렬: 왼쪽, 중앙 또는 오른쪽이며 장치별로 변경될 수 있습니다.
- HTML 태그: H1 에서 H6,div, span 또는 p,H3 를 기본값으로 합니다.
- 애니메이션 지연: 각 단어가 다음 단어보다 몇 밀리초 동안 남아 있는지.
Elementor Pro 애니메이션 헤드라인과 Master Addon 애니메이션 헤드라인
Elementor 의 Animated Headline 위젯은 Elementor Pro 의 일부입니다 (Elementor 4,2.4 로 확인). Free Elementor 에는 애니메이션 헤드라인 위젯이 없습니다.
| 특징 | Elementor Pro 애니메이션 헤드라인 | 마스터 애드온 애니메이션 헤드라인 |
|---|---|---|
| 가격 | Elementor Pro 라이센스 | 4가지 효과가 무료로 제공되며, 10가지 효과 모두에 대해 Master Addons Pro가 제공됩니다 |
| 회전 효과 | 타이핑, 클립, 플립, 소용돌이, 블라인드, 드롭인, 웨이브, 슬라이드, 슬라이드 다운 | 무료: 1, 2, 3 회전, 로드 바. 프로: 타이핑, 슬라이드, 클립, 줌, 스케일, 푸시 |
| 도형 강조하기 | 원, 곱슬, 밑줄, 이중, 이중 밑줄, 밑줄 지그재그, 대각선, 취소선, X | 아니요 |
| 애니메이션 단어 뒤의 텍스트입니다 | 예 | 아니요, 이전에만 문자를 보내주세요 |
| 링크 | 예 | 아니요 |
| 루프 | 스위치 | 항상 반복합니다 |
| 각 부분을 스타일링 | 색상 및 타이포그래피 | 색상, 타이포그래피, 배경, 패딩, 테두리, 상자 그림자 |
Elementor Pro 는 하이라이트 모양,애니메이션 단어 뒤의 텍스트,링크 및 추가 회전 효과로 더 많은 작업을 수행합니다. Elementor Pro 가없고 회전 단어가 필요한 경우 Master Addon 의 4 가지 무료 효과가이를 다룹니다.
기타 제목 위젯: 그라데이션 헤드라인 (무료) 그리고 이중 제목 (무료).
Elementor에서 애니메이션 헤드라인을 추가하는 방법
Elementor 패널에서 위젯은 애니메이션 헤드라인이라고 합니다.
- Elementor용 Master Addons를 설치하고 확인하세요 애니메이션 헤드라인 master Addons 위젯 설정에서 켜져 있습니다.
- Elementor로 페이지를 편집하고 패널을 검색하세요 애니메이션 헤드라인 그리고 끌어들이세요.
- 고정 텍스트를 입력하세요 첫 번째 제목.
- 두 개 이상의 단어나 구문을 추가합니다 두 번째 제목. 회전하는 부품들입니다.
- A를 선택하세요 스타일 사전 설정 및 설정 애니메이션 지연 밀리초 단위(기본값은 2500)입니다.
- 를 선택합니다 HTML 태그을 선택하고 스타일 탭에서 두 제목을 모두 스타일링한 다음 페이지를 업데이트합니다.
애니메이션 헤드라인에 대해 자주 묻는 질문입니다
애니메이션 헤드라인 위젯은 무료인가요?
예. 위젯과 4 가지 효과,회전 1,회전 2,회전 3 및 로드 바는 무료입니다. 입력,슬라이드, 클립,줌, 스케일 및 푸시 필요 마스터 애드온 프로.
회전하는 단어는 어떻게 설정하나요?
첫 번째 제목에 고정된 텍스트를 입력한 다음,두 번째 제목에 각 회전하는 단어나 구를 항목으로 추가합니다. 단어는 목록의 순서대로 회전합니다.
애니메이션의 속도를 조절할 수 있나요?
예. 콘텐츠 탭의 애니메이션 지연은 각 단어가 표시되는 시간을 기본적으로 2500ms,로드 바의 경우 3800ms 로 설정합니다. 2 회전,타이핑 및 클립은 자체 문자를 추가하거나 타이밍 필드를 표시합니다.
애니메이션 헤드라인이 작동하지 않습니까?
순서대로 이것들을 확인한다. 두 번째 제목에 적어도 두 개의 항목을 추가한다. 왜냐하면 한 단어에는 회전할 것이 없기 때문이다. Master Addons Pro 가 활성화되어 있지 않으면 (Pro) 로 표시된 사전 설정은 정적으로 유지된다. 헤드라인이 편집기에서 이동하지만 라이브 페이지에서는 이동하지 않으면,캐시 플러그인의 JavaScript 결합 또는 지연 설정에서 Master Addons 스크립트를 제외시킨 다음 캐시를 지운다.
Elementor Pro 애니메이션 헤드라인과 어떻게 다릅니까?
Elementor 의 위젯은 Elementor Pro 가 필요하며 하이라이트 모양,애니메이션 단어 뒤의 텍스트 및 링크를 추가합니다. Master Addons 는 무료 Elementor 에서 작동하며 고정 및 회전 부품을 배경,테두리 및 그림자와 함께 별도로 스타일링 할 수 있습니다.
고정 및 회전 텍스트를 어떻게 다르게 스타일링합니까?
스타일 탭에서 첫 번째 제목과 두 번째 제목 섹션을 사용합니다. 각각 고유한 텍스트 색상,배경, 타이포그래피,패딩, 여백,테두리 및 상자 그림자가 있습니다.
동일한 페이지에서 두 개 이상의 애니메이션 헤드라인을 사용할 수 있나요?
예. 각 애니메이션 헤드라인은 고유한 문구,애니메이션 유형 및 타이밍을 유지하므로 동일한 페이지의 다른 섹션에서 다른 헤드라인을 실행할 수 있습니다.
헤드라인에서 사용하는 HTML 태그는 무엇입니까?
기본적으로 H3. HTML 태그 아래의 콘텐츠 탭에서 H1 에서 H6,div, span 또는 p 로 전환할 수 있습니다. 페이지의 기본 헤드라인에만 H1 을 사용합니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
