단순히 스크롤에 나타나는 요소는 괜찮습니다.It is 밝혀진는, 그것을 드러내기 위하여 멀리 착색한 패널 미끄러지는 때, 디자인해 느낍니다. The 확장자 공개 에서 마스터 애드온 프로 해당 스크롤 트리거 블록 공개 효과를 Elementor 위젯 및 열에 추가합니다: 컬러 오버레이는 뷰포트에 들어갈 때 요소 전체를 닦은 다음 지워서 아래에 있는 콘텐츠를 표시합니다. Elementor 패널에서 오버레이 색상,닦기 방향,속도 및 지연을 모두 제어합니다.
Reveal 확장자는 무엇입니까? #
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 드러내다 확장 기능은 위젯이나 열에서 블록 공개를 스크롤하여 보는 순간 재생하는 Master Addons Pro 애니메이션 확장 프로그램입니다. 요소가 페이드되거나 미끄러지는 대신,스윕되어 공개되는 단색 패널 뒤에 앉습니다. 애니메이션이 스크롤 위치에 묶여 있기 때문에 각 요소는 방문자가 도달했을 때 정확히 자신을 드러내며,이는 페이지 아래로 눈을 끌어내립니다. 페이지 로드당 한 번씩 재생됩니다.
확장 프로그램이 활성화되면 위젯과 열은 아래에 공개 옵션을 얻습니다 고급 4가지 설정이 있는 탭: 공개 색상 (요소를 덮는 패널), 방향 패널은 지워지는 대로 이동합니다 속도, 그리고 지연. 제목,이미지, 버튼 및 기타 위젯과 레거시 섹션의 열에서 작동합니다. Flexbox 컨테이너 및 섹션은 옵션을 얻지 못합니다.
시작하기 전에 #
- 워드 프레스 와 함께 엘리멘터 설치되고 활성화됩니다.
- Elementor용 마스터 애드온 설치 및 활성. 플러그인에 새로운? 따라 설치 가이드 첫번째.
- 마스터 애드온 프로 reveal은 Pro 확장이므로 활성화됩니다.
Reveal 확장을 활성화하는 방법 #
WordPress 대시보드에서 엽니다 마스터 애드온 그리고 로 가세요 확장 탭. 공개는 에 있습니다 애니메이션 위젯 그룹, 나란히 입구 애니메이션 (프로) 그리고 변환합니다. 켜지도록 토글을 클릭한 다음 누릅니다 변경 사항 저장 그리고 확인 공지를 기다립니다. 이제 Elementor 편집기의 위젯과 열에서 Reveal 옵션을 사용할 수 있습니다.
요소에 공개 애니메이션을 추가합니다 #
Elementor 편집기에서 애니메이션화할 요소를 선택한 다음 을 엽니다 고급 탭하고 확장하세요 드러내다 섹션. 켜다 Reveal을 활성화했습니다 그리고 컨트롤을 설정하세요:
- 색상: 요소가 공개되기 전에 요소를 덮는 견고한 패널. 섹션 배경과 일치시켜 매끄러운 닦기를 하거나 브랜드 색상을 사용하여 더 대담한 스윕을 수행하세요.
- 방향: 중앙, 왼쪽에서 오른쪽으로, 오른쪽에서 왼쪽으로, 위에서 아래로 또는 아래에서 위로.
- 속도: 0 에서 10 까지,기본값 5 는 0 분의 1 초입니다. 낮을수록 빠릅니다.
- 지연: 0 에서 20 까지,패널이 움직이기 2 초 전까지요. 여러 요소를 비틀거리게 하는데 사용합니다.
공개는 스크롤 트리거되므로 요소가 뷰포트로 스크롤될 때까지 아무 것도 재생되지 않습니다. 편집기에서 페이지가 로드된 직후 재생됩니다. 라이브 페이지에서는 요소가 뷰포트에 들어갈 때 한 번 재생되고 다시 로드하면 다시 재생됩니다.
페이지의 결과 #
페이지를 게시하거나 미리 보고 아래로 스크롤합니다. Reveal 이 활성화된 각 요소가 화면에 들어가면 색상 패널이 선택한 방향과 설정한 속도로 쓸어 나가면서 아래의 내용을 드러냅니다. 스크롤 위치에서 효과 키가 꺼져 있기 때문에 방문자가 페이지를 아래로 이동하면 공개된 요소 스택이 계단식으로 늘어납니다. The 확장 페이지 공개 데모를 가지고.
공개 효과가 그 자리를 차지하는 곳 #
- 섹션 제목. H2의 공개는 독자가 새로운 섹션에 도달하면 새로운 섹션의 시작을 알립니다.
- 영웅 이미지. 컬러 물티슈로 영웅 사진을 발견하면 일반 페이드보다 첫인상이 더 강해집니다.
- 기능 또는 포트폴리오 그리드. 스크롤에서 카드를 한 줄씩 공개하면 눈이 그리드를 통해 계속 움직입니다.
- 행동을 촉구합니다. 버튼이나 제안 블록의 공개는 스크롤되어 시야에 들어오면서 바로 주의를 끌게 됩니다.
- 통계 및 인용. 숫자나 추천서를 발견하면 잠시 집중할 수 있습니다.
Reveal 사용 팁 #
- 속도를 편안하게 유지하십시오. 매우 느린 공개는 방문자가 읽기를 기다리게 할 수 있습니다; 활발한 닦음은 일반적으로 더 반응하는 느낌을줍니다.
- 색을 섹션에 일치시킵니다. 단면 배경에 노출 색상을 설정하면 패널이 움직일 때까지 패널이 보이지 않으므로 요소가 닦여서 존재하는 것처럼 보입니다.
- 아껴서 사용하세요. 페이지에 있는 모든 요소를 공개하면 효과가 희석됩니다. 가장 원하는 요소를 위해 예약하세요.
- 모바일 확인. 짧은 화면이 더 빠르게 스크롤되므로 공개 내용이 여전히 작동하는지 확인하고 휴대폰과 태블릿에서 잘 읽혀집니다.
- 다른 애니메이션 확장과 페어링합니다. Reveal을 결합하세요 입구 애니메이션 또는 전체 범위를 탐색해 보세요 Elementor 애니메이션 효과 더 풍부한 모션을 위해.
비디오 자습서 #
Reveal 확장 기능을 활성화부터 요소의 색상, 방향 및 속도 설정까지 실제로 시청하세요:
자주 묻는 질문 #
마스터 애드온의 Reveal 확장자는 무엇입니까?
Reveal 확장은 Elementor 위젯과 열에 스크롤 트리거 블록 공개 효과를 추가하는 Master Addons Pro 애니메이션 확장입니다. 단색 패널은 요소를 덮은 다음 요소가 보기로 스크롤될 때 요소를 덮어 덮어냅니다. 확장 탭에서 활성화한 다음 고급 탭에서 각 요소의 색상,방향, 속도 및 지연을 설정합니다.
Elementor 에서 스크롤에 공개 애니메이션을 추가하려면 어떻게 해야 합니까?
마스터 애드온 확장 탭에서 공개 확장을 활성화한 다음 요소를 선택하고 고급 탭을 엽니다. 공개 섹션을 확장하고 효과를 켜고 공개 색상,방향 및 속도를 선택합니다. 애니메이션은 스크롤 트리거되므로 요소가 뷰포트에 들어갈 때 자동으로 재생됩니다.
공개 효과에 대해 무엇을 사용자 정의할 수 있나요?
네 가지 컨트롤이 있습니다: 요소를 덮는 패널의 색상 (솔리드 또는 그라데이션), 패널이 지울 때 이동하는 방향,속도 및 지연. 함께 그들은 당신이 섹션 배경 또는 브랜드 색상에 공개를 일치시키고 요소가 얼마나 빨리 밝혀지는지 제어 할 수 있습니다.
Reveal은 Elementor 요소에서 작동합니까?
모든 요소가 아닙니다. Reveal 옵션은 레거시 섹션의 위젯 및 열의 고급 탭 아래에 나타납니다. Flexbox 컨테이너 및 섹션은 이를 얻지 못하므로 그 안에 있는 위젯에 Reveal 을 적용합니다.
Reveal 확장은 무료인가요?
아니요. Reveal 은 Master Addons Pro 의 일부입니다. Pro 가 활성화되면 Extensions 탭의 Animation Widgets 그룹에 나타납니다. 가격 페이지에는 요금제가 나열됩니다.
감싸는 #
Reveal 확장 프로그램은 일반 스크롤을 디자인된 스크롤로 바꿉니다: 컬러 패널은 뷰포트에 들어갈 때 각 요소를 지워서 드러내며,Elementor 패널에서 색상,방향, 속도가 모두 설정됩니다. 하나의 표제 또는 영웅 이미지로 시작하여 해당 섹션에 색상을 맞추고 거기에서 빌드합니다. 입구 애니메이션 그리고 변환합니다 확장 및 전체 라인업 마스터 애드온 위젯 및 확장 나머지는 덮는다.
