온라인에서 찾을 수 있는 대부분의 Elementor 슬라이더 템플릿은 동일한 슬라이더입니다. 전폭 이미지,가운데에 텍스트,측면에 화살표,다음.
이 스무 개는 그렇지 않습니다. 하나는 원의 테두리 주위에 슬라이드를 구부립니다. 하나는 연도 사이의 간격이 스케일링되도록 그려진 날짜가 지정된 타임 라인에 항목을 핀으로 고정합니다. 하나는 행 목록을 탐색 자체로 바꿉니다. 그 중 8 개는 Pro 라이센스가없는 무료 Master Addons 플러그인으로 가져옵니다 자유 대 프로 고장 자세히 살펴보면 20개 모두 원하는지 결정하기 전에 열고, 찌르고, 깨뜨릴 수 있는 라이브 데모가 있습니다.
아래: 모든 디자인, 실제로 좋은 점, 사이트에 나쁜 생각인 정직한 메모. 이들과 함께 플러그인의 기존 캐러셀의 경우 다음에서 시작하세요 회전 목마 위젯 허브.
20가지 디자인을 한눈에 살펴보세요
스크린샷에서 가장 잘 보이는 것이 아니라 만들고 있는 것을 골라보세요. 포트폴리오에서 멋지게 보이는 커버플로는 제품 그리드를 묻어 버릴 것입니다.
| # | 디자인 | 모션 | 위한 최고의 | 계층 |
|---|---|---|---|---|
| 01 | 자오선 피복류 | 3D 깊이, 회전 패널 | 사례 연구, 포트폴리오 | 프로 |
| 02 | 콘체르티나 아코디언 | 패널은 호버링 시 확장됩니다 | 서비스 페이지, 카테고리 | 프로 |
| 03 | 엄브라 오버레이 | 캡션은 이미지 위에 드러납니다 | 사진, 사설 | 프로 |
| 04 | 스트라툼 데크 | 쌓인 카드, 최고 카드 껍질 | 추천서, 특집 투어 | 프로 |
| 05 | 이등분 분할 | 두 반쪽, 반대 방향 | 영웅 섹션, 비교 | 프로 |
| 06 | 상승 마우스휠 | 스크롤 휠이 슬라이드를 구동합니다 | 긴 형식의 스토리텔링 | 프로 |
| 07 | 피벗 플립 | Y 축에 3D 플립 | 전/후, 팀 카드 | 프로 |
| 08 | 아크 커브드 | 슬라이드는 원의 테두리를 타고 | 컬렉션, 카탈로그 | 프로 |
| 09 | 테세라 모자이크 | 격자 타일 셔플 | 갤러리, 이미지가 많은 페이지 | 프로 |
| 10 X 10 X 10 X 10 X 10 X 10 X | 미앤더 드래그 | 프리 드래그, 모멘텀 스크롤 | 포트폴리오, 룩북 | 프로 |
| 11 | 슬레이트 커튼 | 패널은 커튼처럼 뒤로 물러납니다 | 발사, 영웅이 밝힙니다 | 프로 |
| 12 | 헤일로 궤도 | 중심 주위의 원형 궤도 | 프로세스 단계, 생태계 | 프로 |
| 13 | 주각 영웅 슬라이더 | 즉시 교환, 풀 블리드 단계 | 홈페이지 히어로즈 | 무료 |
| 14 | 원장 인덱스 슬라이더 | 행 목록이 이미지를 구동합니다 | 컬렉션, 아카이브 | 무료 |
| 15 | 비트린 플레이트 갤러리 | 썸네일 스트립, 데이터 패널 | 사진 | 무료 |
| 16 | 사분면 페이지 카탈로그 | 그리드는 한 번에 세 페이지씩 페이징되었습니다 | 카탈로그, 기능 그리드 | 무료 |
| 17 | 게시판 탭 패널 | 탭 스트립, 편집 패널 | 비교, 심층 분석 | 무료 |
| 18 | Rostrum 견적 슬라이더 | 진행과 함께 단계별 견적 | 사용후기, 리뷰 | 무료 |
| 19 | 연감 타임라인 슬라이더 | 날짜가 지정된 축의 항목입니다 | 역사, 이정표 | 무료 |
| 20 | 키스톤 기능 슬라이더 | 홍보하려면 클릭하세요. FLIP 모션입니다 | 객실, 공간, 전시물 | 무료 |
이것들을 실행하기 위해 필요한 것
Elementor free 는 페이지 자체에 충분합니다. 분할은 디자인에 있습니다:
- 13~20 번 디자인은 무료입니다. 그들은 마스터 애드온을 통해 가져 → 위젯 빌더 → 무료 플러그인에 위젯 가져 오기: 아니 프로 라이센스, 아니 평가판, 아니 카드. 각각의 하나는 자신의 컨트롤과 즐겨 찾기의 Elementor 패널에 착륙.
- 디자인 01~12에는 Master Addon Pro가 필요합니다. 그들은 전체 위에 지어졌습니다 위젯 빌더는 Pro 기능입니다.
아무것도 필요없는 것: 라이브 데모. 스무 개 중 하나를 열고 브라우저 크기를 조정하고 슬라이드를 드래그하고 전화 폭 뷰포트에서 어떻게 작동하는지보십시오. 비용이 들지 않으며 모션 스타일이 콘텐츠에 적합한 지 판단하는 유일한 방법입니다.
무료 플러그인은 또한 인트로에 연결된 캐러셀 위젯 페이지에서 모두 다루는 기존 캐러셀 위젯(이미지 캐러셀, 로고 슬라이더, 팀 슬라이더 및 캐러셀 모드의 블로그 위젯)을 제공합니다.
01. 자오선 커버플로우
중앙 슬라이드는 평평하고 정사각형으로 자리잡고 있습니다. 양쪽 슬라이드는 Y축에서 멀어지고 어두워지므로 눈이 원하는 위치에 도달합니다. 2011년 이후 누구도 원하지 않았던 반사를 뺀 클래식 커버플로우.
관심을 끌기 위해 경쟁하지 않고 맥락을 보여주기 때문에 작동합니다. 방문자는 그 중 어느 것도 읽을 수 없는 다섯 가지 사례 연구가 더 있다는 것을 알게 되는데,이는 바로 사람들이 화살표를 클릭하게 만드는 긴장감입니다.
다음을 위해 사용하십시오: 사례 연구 릴, 포트폴리오 조각, 각 슬라이드를 완전히 읽을 가치가 있는 모든 것.
을 위해 사용하지 마십시오: 제품 그리드. 커버 플로우는 한 항목을 제대로 보여주고 두 가지를 암시합니다. 여섯 가지 제품을 비교하는 쇼핑객은 당신을 싫어할 것입니다.
02. 콘체르티나 아코디언
6 개의 좁은 수직 패널. 하나를 호버링하면 확장됩니다; 다른 것들은 압축하여 공간을 만듭니다. 화살표도 없고 점도 없고 자동 재생도 없습니다: 전체 탐색이 호버링입니다.
모바일에서 일어나는 일을 지켜보세요. 터치스크린에는 호버가 없기 때문에 패널이 뒤로 돌아가서 탭-투-확장합니다. 괜찮지만 첫 번째 탭 동작이 명백해야 한다는 의미입니다. 그렇지 않으면 사람들이 이를 바로 지나쳐 스크롤합니다. 활성 패널에 눈에 보이는 쉐브론을 추가하면 문제가 사라집니다.
다음을 위해 사용하십시오: 6개 이하의 서비스 카테고리, 목적지 목록, 라벨이 판매하는 모든 것.
03. 엄브라 오버레이
이미지는 프레임을 채우고 캡션은 아래쪽 3분의 1만 어둡게 하는 그라데이션에 위치합니다. 슬라이드가 변경되고 캡션은 나중에 한 비트 교차 페이드됩니다.
그 지연이 전체 디자인입니다. 함께 도착하는 텍스트와 이미지는 배너 광고로 읽혀집니다. 두 번째로 도착하는 텍스트는 사진의 캡션으로 읽혀지며,사진이 제품인 경우 원하는 것입니다.
에 가장 가까운 디자인입니다 Elementor 이미지 회전목마 위젯 프로 없이 같은 모습을 원한다면. 무료 위젯은 시차 페이드 없이 이미지와 캡션을 제공합니다.
04. 스트라텀덱
약간 오프셋된 카드로 쌓여서 맨 위 카드 뒤에 서너 개의 가장자리가 보입니다. 전진하면 맨 위 카드가 들어 올려 미끄러져 나가서 다음 카드가 드러납니다.
스택은 평면 회전 목마가 할 수없는 일을합니다: 수량을 보여줍니다. 방문자는 점을 세지 않고 더 많은 추천이 있다는 것을 알고 있습니다. 대부분의 직업 인 사회적 증거를 위해.
다음을 위해 사용하십시오: 사용후기, 가격 등급, 온보딩 단계.
조심하세요: 스택을 5~6장의 눈에 보이는 카드로 유지하세요. 오프셋이 너무 얇아지면 깊이는 렌더링 버그로 읽혀집니다.
05. 이등분 분할
화면이 가운데로 갈라집니다. 위쪽 절반은 위로,아래쪽 절반은 아래로 움직이며 다음 슬라이드에서 만납니다. 두 개의 패널,하나의 제스처.
나는 이것을 영웅에 넣고 다른 곳에서는 넣지 않을 것이다. 그것은 큰 움직임이다: 그것은 전체 뷰 포트를 먹고 방문자의 관심의 초를 요구한다. 공정 거래 인 영웅에서. 서비스 페이지의 중간은 단지 소음이다.
다음을 위해 사용하십시오: 홈페이지 영웅, 캠페인 랜딩 페이지, 쌍 전/후.
06. 상승 Mousewheel
화살표 없음. 스크롤하면 전진합니다. 슬라이더는 휠이 보이는 동안 휠을 캡처하고 마지막 슬라이드를 누르면 해제합니다.
스크롤-재킹은 나쁜 평판을 가지고 있으며 그것을 얻었습니다. 여기 버전은 양쪽 끝에 도달하는 순간 휠을 해제하므로 페이지를 계속 내려 가고 싶은 방문자는 결코 갇히지 않습니다. 커밋하기 전에 트랙 패드에서이 것을 테스트하십시오. 트랙 패드 운동량은 휠보다 훨씬 경련되기 때문에 슬라이드가 텍스트가 많은 사람이 오버 슛을 할 것입니다.
다음을 위해 사용하십시오: 내러티브 섹션, 제품 스토리, 타임라인.
사용하지 마세요: 접힌 부분 위. 방문자의 첫 번째 스크롤은 위젯이 아닌 페이지를 이동해야 합니다.
07. 피벗 플립
카드는 수직 축에서 180° 회전합니다. 앞면은 바깥쪽으로,뒷면은 안으로. 두 면 모두 편집이 가능하므로 뒷면에는 약력,스펙 시트 또는 가격이 담길 수 있습니다.
양면 콘텐츠는 소리보다 희귀하고이 디자인은 그것을 찾는 이유입니다. 앞면 팀원,뒷면 역할 및 링크. 제품 샷 앞면,치수 뒤.
다음을 위해 사용하십시오: 팀 그리드, 이전/이후 사양 카드. 플립은 커버플로우, 아크 및 궤도 옆에 위치합니다 3D 회전목마 고장.
08. 아크 커브드
슬라이드는 중심이 접힌 부분 아래 어딘가에 있는 원의 가장자리에 위치합니다. 각각은 상단에 똑바로 도착하고 떠날 때 기울어집니다. 아치 모양의 이미지 마스크는 동일한 곡선을 따릅니다.
세트의 다른 어떤 것도 이렇게 보이지 않으며,그것이 그것에 대한 논쟁입니다. 아무도 다른 WordPress 사이트에서 이것을 보지 못했습니다.
다음을 위해 사용하십시오: 항목이 유사하고 프레젠테이션에 관심이 있어야 하는 컬렉션: 카탈로그, 표본 목록, 메뉴.
09. 테세라 모자이크
슬라이딩 대신 재 셔플 불평등 타일의 격자. 타일은 새로운 위치와 크기에 애니메이트; 구성이 변경되지만 결코 비워지지 않습니다.
이것은 서른 개의 이미지가 있고 그 사이에 계층 구조가 없을 때 도달해야 할 것입니다. 기존의 회전목마는 읽기의 순서를 없는 콘텐츠에 강제합니다. 모자이크는 그렇지 않습니다.
다음을 위해 사용하십시오: 이벤트 사진, 갤러리 페이지, 페이지에 대한 이미지가 많습니다.
비용: 레이아웃 작업을 위해 세트에서 가장 무거운 디자인입니다. 소스 이미지를 각각 200KB 미만으로 유지하거나 중급 Android 에서 개편이 끊기도록 하세요.
10. 미앤더 드래그
잡아 던지십시오. 모멘텀은 놓은 곳을 지나 트랙을 운반하고 정지하기 쉽습니다. 슬라이드 경계에 스냅하지 않으므로 슬라이드가 반쯤 보이는 상태로 앉을 수 있으므로 요점이됩니다. 반쯤 보이는 슬라이드는 더 많은 신호가되기 때문입니다.
Free-drag 는 진정한 접근성 비용을 가지고 있습니다: 키보드 사용자는 드래그 상호 작용에서 아무것도 얻지 못합니다. Arrow-key 지원은 유선으로 연결되어 있지만 청중이 보조 기술로 치우친다면 디자인 01 또는 04 가 더 나은 서비스를 제공 할 것입니다.
다음을 위해 사용하십시오: 룩북, 포트폴리오, 긴 수평 컬렉션.
11. 슬레이트 커튼
수직 패널은 커튼처럼 떨어져 그려 다음 슬라이드는 이미 그들 뒤에 앉아있다. 공개는 전환이다.
그것은 식이라고 읽습니다. 그것은 웹 사이트,제품 출시 및 홈페이지 영웅에서 정확히 두 번 유용하며 다른 모든 곳에서 잘못 배치되었습니다.
다음을 위해 사용하십시오: 출시, 발표 영웅, 계절 캠페인.
12. 헤일로 궤도
항목은 고정된 중심점을 공전합니다. 상단에 있는 항목은 활성 상태이며 전체 크기입니다; 나머지는 뒤쪽으로 이동하면서 축소됩니다.
원형 레이아웃은 진정으로 루프 콘텐츠에 적합합니다. 4 단계 프로세스,생태계 다이어그램,서비스 휠. 선형 목록을 넣으면 사람들을 혼란스럽게 할 것입니다. 왜냐하면 원은 “시작으로 돌아 가기”를 의미하고 5 단계 온보딩 흐름은 그렇지 않기 때문입니다.
다음을 위해 사용하십시오: 프로세스 다이어그램, 생태계 지도, 기능 휠.
13. 주각 영웅 슬라이더 (무료)
하나의 그림이 무대를 가득 채웁니다. 캡션 받침대가 왼쪽 아래에,컨트롤 바 (점,화살표, 카운터) 가 오른쪽 아래에 앉습니다. 슬라이드가 즉시 교체됩니다: 페이드 없음,슬라이드 인 없음,싱크에서 벗어날 것이 없음 또는 느린 전화에서 더듬 거림.
즉석 스왑은 페이드에 대해 시간을 측정 할 때까지 제한처럼 들립니다. 영웅 전환은 두 번주의를 먹습니다: 한 번 떠나고 한 번 도착합니다. 이 디자인은 대신 사진에 그 예산을 소비합니다. 또한 슬라이드 당 링크 컨트롤이있는 세트의 유일한 디자인이며 모든 슬라이드에서 공유되는 하나의 CTA 레이블이 정확히 홈페이지 영웅이 필요로하는 모양입니다.
다음을 위해 사용하십시오: 홈페이지 영웅, 랜딩 페이지 상단, 이미지가 논쟁하는 곳 어디든.
을 위해 사용하지 마십시오: 모션이 필요한 콘텐츠는 스스로를 설명하기 위해. 없다, 일부러.
14. 원장 인덱스 슬라이더 (무료)
큰 접시 옆에 있는 항목 행 열입니다. 행을 선택하고 접시와 해당 스탬프 및 캡션이 일치하도록 교체됩니다. 목록은 탐색이며 화살표가 필요하지 않지만 거기에 있습니다.
이것은 일반적인 회전목마 문제를 반전시킵니다. 일반적인 슬라이더는 현재 슬라이드를 제외한 모든 것을 숨깁니다; 여기서 전체 목차는 전체 시간 동안 표시되며 이미지는 세부 정보 보기입니다. 클릭 전에 행이 응답하도록 하려면 호버 선택 토글이 있습니다.
다음을 위해 사용하십시오: 컬렉션, 아카이브, 작품 목록: 제목이 실제 정보를 전달하는 모든 곳.
조심하세요: 행은 클릭을 판매합니다. “항목 1, 항목 2, 항목 3”은 전체 디자인을 낭비합니다; 헤드라인과 같은 행 제목을 작성합니다.
15. 비트린 플레이트 갤러리 (무료)
캡션을 고정하는 끈적끈적한 패널과 프레임 데이터 테이블이 있는 썸네일 스트립 아래의 단일 플레이트: 장소, 시간, 렌즈, 조리개, 셔터, ISO. 프레임은 완전히 대체됩니다; 아무것도 미끄러지지 않습니다.
“썸네일이 있는 엘리멘터 이미지 슬라이더”를 검색하면 사진작가를 위해 제작된 것입니다. 데이터 테이블 라벨은 모두 편집 가능하므로 인쇄소에서는 렌즈/조리개를 종이/에디션으로,박물관에서는 이를 매체/날짜/프로비넌스로 바꿀 수 있습니다.
다음을 위해 사용하십시오: 사진 포트폴리오, 오브젝트 사진, 제품 상세 갤러리. 비디오가 포함된 동일한 판과 섬네일 모양에 대해서는 다음을 참조하세요 갤러리 슬라이더 가이드.
을 위해 사용하지 마십시오: 메타데이터를 받을 자격이 없는 이미지. 빈 데이터 패널은 미완성 페이지로 읽혀집니다.
16. 사분면 페이지 카탈로그 (무료)
항목 상자의 격자, 한 번에 세 페이지: 세 페이지에 걸쳐 아홉 항목. 세그먼트의 레일은 당신이 실행에있는 위치를 표시하고 점프 컨트롤로 두 배가; 단계 버튼은 앞으로 뒤로 그것을 걸어.
이것은 대부분의 회전 목마가 잘못 주어진 작업에 대한 디자인입니다: 많은 비교 가능한 것들을 보여줍니다. 각 상자에는 이미지,카테고리, 제목,복사본 및 통계가 있으며 세 페이지의 전체 페이지가 한 번에 표시되기 때문에 방문자가 실제로 비교할 수 있으며 이는 coverflow 와 그 사촌이 의도적으로 방지하는 것입니다.
다음을 위해 사용하십시오: 제품 스타일의 카탈로그, 기능 그리드, 서비스 메뉴. 또한 무료 경로이기도 합니다 WooCommerce 제품 회전목마 가이드.
조심하세요: 세 페이지에 정확히 9개의 항목이 들어 있습니다. 카탈로그 깊이가 30개라면 회전목마가 아닌 필터가 있는 실제 제품 그리드를 원할 것입니다.
17. 게시판 탭 패널 (무료)
쌓인 패널 위에 탭 스트립. 각 패널은 작은 편집 레이아웃입니다: 캡션이 있는 그림,키커, 제목,lede, 본문 사본,3 열 팩트 테이블 및 바이라인.
엄밀히 말하면,이것은 슬라이더가 아닌 탭이며,그래서 여기에 있습니다. 사람들이 회전목마에 강제로 넣으려고 하는 것의 절반 (세 가지 계획,세 가지 위치,세 가지 사례 연구 비교) 은 의상을 입은 탭 콘텐츠입니다. 이 것은 또한 접근성을 제대로 수행합니다: 대부분의 탭 위젯이 가짜인 로빙 tabindex 를 사용한 실제 ARIA tablist 의미론.
다음을 위해 사용하십시오: 계획 비교, 위치 페이지, 사례 연구 패널: 방문자가 탐색하기보다는 선택하는 세 가지 사항.
18. Rostrum 인용 슬라이더 (무료)
인물 사진 옆에 있는 인용 패널,두 개의 갈매기형으로 스쳐 지나갔습니다. 진행률 표시줄과 현재 위치의 집계 트랙,그리고 스텝 버튼은 익명의 화살표 대신 “다음: Amara Okafor”처럼 이동할 음성의 이름을 지정할 수 있습니다.
그 명명 된 단계는 훔칠 가치가 세부 사항입니다. 증언 캐러셀은 전환에서 독자를 잃게됩니다,화살표는 아무것도 약속하지 않기 때문에. 이름은 클릭하는 이유입니다. 인용 부호는 편집 가능한 텍스트 컨트롤도,그래서 사이트의 언어에 대한 오른쪽 글리프로 설정하거나,제거 할 수 있습니다.
다음을 위해 사용하십시오: 사용후기, 리뷰, 고객 견적. 가 있습니다 전체 평가 회전목마 연습, 그리고 당신은 볼 수 있습니다 실제 고객 견적 우리 자신의 사이트에.
조심하세요: 그것은 세 목소리를 보유하고, 각각은 혼자 무대를 가져옵니다., 당신의 세 가지 최고의 따옴표를 선택하고, 한 호흡에 읽을 수있을만큼 짧게 유지.
19. 연감 타임 라인 슬라이더 (무료)
날짜가 지정된 축에 고정된 항목입니다. 틱 위치는 입력한 연도에서 계산되므로 간격은 짝수가 아닌 실제입니다. 1994 년과 1996 년은 서로 가깝게,1996 년과 2011 년은 멀리 떨어져 있으며 간격은 자신의 이야기를 말해줍니다. 규칙 위의 10 년 빗은 간격에 대해 읽을 수 있는 척도를 제공합니다.
다른 모든 타임라인 위젯은 항목을 균등하게 배치하여 조용히 역사에 대해 설명합니다. 이것은 그렇지 않으며 이는 세트에서 가장 독선적인 디자인이 됩니다. 또한 축, 빗 및 틱이 항목과 별도로 스타일을 명시하기 때문에 143 컨트롤에서 가장 깊은 패널이기도 합니다.
다음을 위해 사용하십시오: 회사 연혁, 프로젝트 마일스톤, 변경 로그, 의미 있는 간격이 있는 레코드 정적 버전의 경우 다음이 있습니다 타임라인 튜토리얼 스톡 위젯을 사용하여.
을 위해 사용하지 마십시오: 날짜가 기재되지 않은 내용. 축은 디자인입니다; 실제 연도가 없으면 그릴 것이 없습니다.
20. 키스톤 기능 슬라이더 (무료)
큰 특징이있는 항목 하나; 나머지는 그 옆에있는 벽에서 기다리며,각각은 그 번호와 이름 만 가지고 있습니다. 위성을 클릭하면 기능으로 승격되고 상자는 순간 이동이 아닌 새로운 장소로 뒤집어 지므로 눈을 잃지 않고 스왑을 따릅니다.
이 기능은 세 가지 사실의 명판을 가지고 있습니다. 그것은 방,공간 및 회전 전시를 위해 지어졌으며,그것이 정직한 범위입니다: 그것은 한 번에 하나씩 별개의 작은 세트를 제시하고 다른 것들은 눈에 띄게 줄을 서 있습니다.
다음을 위해 사용하십시오: 장소실, 스튜디오 공간, 전시물, 3~5인조 포트폴리오.
조심하세요: 위성은 숫자와 이름만 표시하므로 기능이 설득을 수행해야 합니다. 대부분의 방문자는 절대 클릭하지 않기 때문에 가장 강력한 항목으로 리드하세요.
슬라이더 템플릿을 Elementor로 가져오는 방법
4단계, 약 90초. 무료 및 Pro 디자인도 동일한 흐름이며 다릅니다 elementor 템플릿 가져오기는,디자인이 페이지 레이아웃이 아닌 위젯으로 등록되기 때문에.
- 디자인의 JSON 파일을 다운로드합니다 그것의 데모 페이지에서. 디자인 당 하나의 파일.
- 마스터 애드온 → 위젯 빌더로 이동합니다 워드 프레스 관리자에서 위젯 가져오기를 클릭합니다.
- Dropzone 에 JSON 을 떨어뜨립니다. 디자인은 자체 컨트롤이 있는 위젯으로 등록됩니다: 콘텐츠, 색상, 타이포그래피, 중단점. 8개의 무료 디자인은 무료 플러그인으로 가져옵니다; 12개의 Pro 디자인은 여기에서 Pro 라이센스를 요청합니다.
- 페이지로 드래그하세요 즐겨찾기 아래에 표시되는 Elementor 패널에서 자리 표시자 콘텐츠를 귀하의 콘텐츠로 교환합니다.
가져오기는 테마에 닿지 않고 전역적으로 아무 것도 대기열에 추가하지 않으며 단축 코드를 생성하지 않습니다. 다른 것과 마찬가지로 패널에서 위젯이 됩니다.
이 슬라이더가 모바일에서 작동합니까?
스무 명 모두 터치 지원 및 반응형입니다. 네 가지 변경 동작은 단순한 스케일링이 아닙니다:
- 콘체르티나 아코디언 호버에서 확장으로 전환에서 탭에서 확장으로 전환.
- 상승 마우스휠 휠 캡처를 떨어뜨리고 스와이프를 사용합니다.
- 미앤더 드래그 드래그는 유지하지만 추진력은 단축되므로 플릭이 전체 트랙을 오버슈트하지 않습니다.
- 원장 인덱스 슬라이더 인덱스를 플레이트 위에 쌓고 호버 선택이 다시 탭됩니다.
무료 여덟도 기본적으로 키보드 탐색을 유지하고,플린스 영웅과 Rostrum 따옴표는 상자 밖으로 스 와이프 제스처에 응답 에뮬레이트 뷰 포트는 중간 범위의 안드로이드 레이아웃 비용을 재현하지 않기 때문에,브라우저의 장치 에뮬레이터에서보다 실제 휴대 전화에서 모자이크를 테스트하고,모자이크가 먼저 표시됩니다 곳이다.
실제로 어느 것을 골라야합니까?
막히면 대부분의 사이트를 다룹니다:
- 포트폴리오 또는 대행사: Meridian Coverflow 또는 12개 이상의 조각이 있는 경우 Meander Drag. 무료 라이센스에 따라 키스톤 기능 슬라이더.
- 서비스 사업: 콘체르티나 아코디언. 무료, 게시판 탭 패널, 누구의 사실 테이블은 계획 비교에 그것의 보관을 적립.
- 가게: 큐레이팅된 9인용 Quadrant Paged Catalog. 라이브 제품 피드를 슬라이드하는 무료 위젯은 없습니다; 그 직업에는 필요합니다 Elementor Pro 의 루프 회전 목마. 어느 쪽이든 3D 디자인을 건너 뛰십시오: 쇼핑객은 비교하기를 원하며,coverflow 는 그들을 막기 위해 만들어졌습니다.
- 추천서: Rostrum Quote Slider.무료이며,이름이 지정된 단계 버튼은 세트에서 가장 좋은 전환 프롬프트입니다.
- 홈페이지 영웅: 플린스 히어로 슬라이더 사진이 강하다면, 그리고 영웅 섹션 템플릿 슬라이더가 아닌 전체 블록을 원한다면; 모션이 순간이 되고 그 중 하나만 한 번이 되기를 원한다면 분할 또는 슬레이트 커튼을 양분하십시오.
- 페이지 또는 기록에 대하여: 연감 타임 라인 슬라이더. 여기에 아무것도 다른 정직하게 날짜 콘텐츠를 않습니다.
무엇을 선택하든 중요한 한 가지 테스트를 지나 실행하십시오: 자신의 휴대 전화, 셀룰러에서 페이지를로드하고 슬라이더가 렌더링하는 첫 번째 항목인지 마지막 항목인지 확인하십시오 이미 텍스트를 읽은 후에 도착하는 디자인은 슬라이더가 아니라 장식입니다.
자주 묻는 질문
이 Elementor 슬라이더 템플릿은 무료입니까?
20 개 중 8 개는 다음과 같습니다: Plinth Hero,Ledger Index,Vitrine Plate Gallery,Quadrant Paged Catalogue,게시판 탭 패널,Rostrum Quote,Almanac Timeline 및 Keystone Feature 는 모두 무료 Master Addons 플러그인에서 가져옵니다. 나머지 12 개는 Pro 기능 인 전체 Widget Builder 에서 라이브 데모는 20 개 모두에 대해 열려 있습니다.
Elementor에는 무료 슬라이더 위젯이 있습니까?
Elementor 는 Image Carousel 과 Basic Gallery 를 무료로 배송합니다. 미디어 회전목마,증언 회전목마 및 루프 회전목마는 모두 Elementor Pro 입니다. 마스터 애드온은 이미지 회전목마,로고 슬라이더,팀 슬라이더 및 회전목마 모드가 있는 블로그 위젯을 무료 계층에 추가하고 위의 8 가지 무료 디자인을 참조하십시오 전체 캐러셀 위젯 목록.
Elementor 에서 슬라이더와 회전목마의 차이점은 무엇인가요?
슬라이더는 한 번에 하나의 슬라이드를 보여주며 일반적으로 너비를 채웁니다. 회전목마는 여러 개를 한 번에 보여주고 더 긴 세트를 통해 옆으로 스크롤합니다. 실제로 사람들은 단어를 같은 의미로 사용하며 “회전목마”라고 표시된 대부분의 위젯은 슬라이드-당-뷰를 하나로 설정하여 슬라이더처럼 동작하도록 구성할 수 있습니다. 회전목마 대 슬라이더 구별이 여전히 중요한 부분을 통해 작동합니다.
Elementor 이미지 슬라이더에 텍스트를 추가할 수 있나요?
예. 여기 모든 디자인은 이미지 상자이며 이미지,눈썹, 제목,설명, 그리고 Plinth Hero 의 경우 버튼이 있으므로 텍스트는 손으로 배치하는 오버레이가 아닌 슬라이드의 일부입니다. Umbra Overlay 와 Plinth Hero Slider 는 이미지에 앉아있는 텍스트를 중심으로 특별히 제작 된 두 가지입니다.
Elementor 슬라이더 자동 재생 및 루프를 연속적으로 만들려면 어떻게 해야 합니까?
위젯의 캐러셀 설정에서 자동 재생 및 무한 루프를 켠 다음 지연을 설정합니다. 사람들을 사로잡는 두 가지: 일시 중지-온-호버는 별도의 토글이며,루프는 눈에 보이는 점프 없이 실행하려면 조회당 슬라이드 수의 최소 두 배가 필요합니다. 2 회 시청 시 슬라이드 4 개는 끊김; 6 개는 그렇지 않습니다. 대신 자동 재생 지연을 0 으로 설정하면 a 가 됩니다 연속 천막.
Elementor 캐러셀이 가져온 후에 작동하지 않는 이유는 무엇입니까?
10번 중 9번은 JavaScript 최적화입니다. JS를 연기하거나 결합하는 캐싱 플러그인은 슬라이더의 초기화를 깨뜨립니다. 캐시 플러그인의 JS 설정에서 캐러셀 스크립트를 제외했다가 다시 돌아옵니다. LiteSpeed에 있는 경우 제외는 기본 모드 필드뿐만 아니라 게스트 모드 필드에도 들어가야 합니다. Swiper 문제 해결 가이드 제외할 정확한 핸들을 나열합니다.
다음에 갈 곳
두 개 또는 세 개의 데모를 열고 당신이 선택하기 전에 휴대 전화에 그들에게 실제 모습을 제공합니다. 그때:
20개 중 12개는 수입 허가가 필요하므로 가격 페이지 선택한 디자인을 어떤 계층에 포함하는지 확인할 수 있는 장소입니다.
- 모든 것을 한 곳에서 찾아보세요 요소 회전목마 위젯 페이지, 스무 디자인 모두 플러스 플러그인의 자신의 회전 목마 위젯과.
- 프리 티어를 고수하시나요? 무료 캐러셀 위젯이 게시됩니다 비용이 전혀 들지 않는 모든 것을 살펴봅니다. 이 8개가 포함되어 있습니다.
- 움직임보다 깊이를 추구하시나요? 3D 회전목마가 디자인합니다 (커버플로, 플립, 아크 및 궤도) 자신의 모습을 자세히 살펴보세요.
- 한 섹션이 아닌 전체 페이지를 원하십니까? The 템플릿 키트 이미 배치된 회전목마를 사용하여 완전한 레이아웃을 배송하세요.
- 슬라이더뿐만 아니라 전체 페이지를 구축하시겠습니까? The 무료 Elementor 섹션 템플릿 라이브러리는 기능, 가격, 사용후기, 팀, FAQ 및 CTA 블록을 다루며 각각 하나의 편집 가능한 위젯으로 가져올 수 있습니다.
