Elementor에서 축소판이 있는 갤러리 슬라이더를 추가하는 방법
위젯에는 Master Addons Pro가 필요하며 이미지는 미디어 라이브러리에서 제공됩니다.
- Master Addons Pro가 활성화되어 있는지 확인하세요 갤러리 슬라이더 master Addons 위젯 설정에서 켜져 있습니다.
- Elementor로 페이지를 편집하고 검색하세요 갤러리 슬라이더 그리고 끌어들이세요.
- 에서 갤러리를 클릭합니다 이미지 추가 그리고 사진을 골라보세요. 보여지기를 원한다면 미디어 창에 캡션을 추가하세요.
- 에서 섬네일, 선택하다 그리드 그리고 열 수 또는 회전목마 수평 또는 수직 방향으로.
- 에서 미리보기를, 효력, 자동 재생, 화살표 및 심상이 lightbox를 여는 지 놓으십시오.
- 스타일 탭에서 엽니다 레이아웃, 선택하세요 미리보기 위치 그리고 너비, 그런 다음 페이지를 업데이트합니다.
비디오 갤러리 사례를 포함하여 더 긴 연습을 원하시면 다음을 읽어보세요 갤러리 슬라이더 가이드.
분할 레이아웃: 모든 면에서 미리보기
스타일 탭에서, 레이아웃 를 설정합니다 미리보기 위치 맨 위,오른쪽, 아래쪽 또는 왼쪽으로,기본값으로 왼쪽.With Left or Right you set 미리보기 너비(%)기본적으로 70이며 상단 또는 하단을 사용하여 캐러셀 너비와 정렬을 설정합니다. 쌓아 올리다 tablet & Mobile 또는 Mobile Only 에서 수직 레이아웃으로 전환합니다.
- 썸네일 그리드: 1~12개의 기둥이 있으며 수평 및 수직 간격이 있습니다.
- 썸네일 회전목마: 수평 또는 수직, 보기당 1~12개의 슬라이드, 자체 화살표, 자동 재생, 루프 및 방향 포함.
- 간격: 미리보기와 축소판 사이의 간격은 기본적으로 24입니다.
미리보기 및 썸네일 스타일링
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 미리보기 스타일 섹션에는 사용자 정의 높이, 이미지 맞춤(표지 또는 포함), 배경색, 테두리, 테두리 반경 및 상자 그림자, 화살표 크기, 패딩 및 기본값, 호버 및 비활성화 색상이 있습니다. 썸네일 호버 효과 기본값, 호버 및 활성 상태의 각 썸네일을 배경색, 불투명도(기본값 0.65), 스케일 및 CSS 필터로 스타일링하고 오버레이 레이어를 추가합니다.
- 활성 썸네일: 방문자가 현재 이미지를 볼 수 있도록 경계 또는 전체 불투명도를 지정합니다.
- 캡션: 세로 및 가로 위치를 포함하여 미리보기와 축소판에 대한 별도의 캡션 스타일링입니다.
- 오버레이: 블렌드 모드가 있는 썸네일 위의 색상 또는 그라데이션 레이어입니다.
슬라이드 효과, 켄 번즈 및 캡션 호버 효과
효과 미리보기가 다음 이미지로 이동하는 방법을 설정합니다: 슬라이드, 페이드, 큐브, 플립 또는 커버플로우 속도(ms) 기본적으로 1000 에서. 효과가 Fade 일 때,a 켄 번스 옵션에는 Scale, Transform Origin(기본값, 무작위 또는 사용자 정의 앵커 포인트), Duration 및 Easing을 사용하여 느린 줌이 추가됩니다. 미리보기 호버 효과 방문자가 마우스를 가져가면 페이드 인, 위에서 또는 왼쪽에서와 같은 효과로 캡션을 애니메이션화합니다.
- 다섯 가지 효과: 슬라이드, 페이드, 큐브, 플립 및 커버플로.
- 켄 번스: 페이드 효과로만 사용 가능합니다.
- 캡션 호버링: 캡션을 안팎으로 페이드하거나 옆에서 밀어 넣습니다.
자동 재생, 화살표, 링크 및 라이트박스
미리보기가 있습니다 자동 재생 (기본적으로 5000ms마다), 호버에서 일시 중지합니다, 상호작용 시 비활성화, 무한 루프 그리고 자동 높이. 화살표 일곱 자리에 앉을 수 있다. 링크 옵션 라이트박스 또는 사용자 정의 URL을 사용하여 미디어 파일을 엽니다. 주문 이미지를 무작위로 섞을 수 있습니다.
- 이미지 해상도: 미리보기(기본적으로 전체)와 축소판(기본적으로 축소판)의 크기를 구분합니다.
- 캡션: 미디어 라이브러리의 제목, 캡션 또는 설명으로 미리 보기 및 축소판에 대해 별도로 설정됩니다.
Elementor Pro 미디어 캐러셀과 마스터 애드온 갤러리 슬라이더
Elementor Pro 의 미디어 캐러셀에는 썸네일이 있는 슬라이드쇼 스킨이 있습니다 (Pro 가 있는 Elementor 4,2.4 에서 확인). 무료 Elementor 의 이미지 캐러셀에는 썸네일이 없습니다.
| 특징 | Elementor Pro 미디어 캐러셀 | 마스터 애드온 갤러리 슬라이더 |
|---|---|---|
| 가격 | 엘리멘터 프로 | 마스터 애드온 프로 |
| 썸네일 위치 | 메인 슬라이드 아래 스트립 | 미리보기의 위, 오른쪽, 아래 또는 왼쪽 |
| 썸네일 레이아웃 | 회전목마 스트립 | 1~12개의 기둥으로 구성된 그리드 또는 수평 또는 수직 캐러셀 |
| 효과 | 슬라이드, 페이드, 큐브 | 슬라이드, 페이드, 큐브, 플립, 커버플로 |
| 켄 번스 | 아니요 | 네, 페이드와 함께요 |
| 비디오 슬라이드 | 예 | 아니요, 이미지만 가능합니다 |
| 라이트박스 | 예 | 예, 미디어 파일에 연결할 때 |
일부 슬라이드가 비디오인 경우 미디어 캐러셀을 선택하십시오. 이미지 갤러리의 경우 갤러리 슬라이더는 더 많은 레이아웃 선택을 제공합니다: 어느 쪽의 썸네일,그리드 또는 수직 스트립,더 많은 전환 효과.
기타 이미지 위젯: 이미지 회전목마 (무료) 그리고 필터링 가능한 이미지 갤러리 (무료).
갤러리 슬라이더에 대해 자주 묻는 질문
갤러리 슬라이더 위젯은 무료입니까?
아니요. 갤러리 슬라이더는 Master Addons Pro 의 일부입니다. 무료 이미지 회전목마 위젯은 썸네일 패널 없이 간단한 이미지 슬라이더를 다룹니다.
축소판을 단일 행 대신 격자로 표시할 수 있나요?
예. 축소판 섹션에서 회전목마/격자를 격자로 설정하고 1~12 개의 열을 선택합니다. 단일 스크롤 행 또는 수직 스트립의 경우 회전목마로 전환합니다.
Ken Burns 효과가 모든 이미지에 적용되나요?
미리보기 이미지에 적용되며,Effect 가 Fade 로 설정된 경우에만 적용됩니다. Ken Burns 를 켠 다음 Scale,Transform Origin,Duration 및 Easing 을 설정합니다. 썸네일은 영향을 받지 않습니다.
많은 고해상도 이미지에서 이것이 어떻게 작동합니까?
가능한 곳에 더 작은 파일을 제공합니다. 미리보기가 1024px 보다 좁을 때 미리보기 이미지 해상도를 전체 대신 크게 설정하고,썸네일을 썸네일 크기로 유지하고 업로드하기 전에 이미지를 압축합니다.
온라인 스토어의 제품 이미지 갤러리에 사용할 수 있나요?
예,손으로 선택한 이미지의 경우 위젯이 WooCommerce 제품 이미지를 자체적으로 가져 오지 않으므로 사진을 갤러리에 직접 추가하십시오.
"Stack on" 기능을 사용하면 모바일에서 어떤 일이 발생합니까?
나란히 배치된 레이아웃이 수직으로 바뀌면 세트에 스택: 기본값인 태블릿 및 모바일에서 또는 모바일 전용에서 미리 보기와 축소판이 스택된 다음 둘 다 터치스크린에서 사용할 수 있을 만큼 크게 유지됩니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
![Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
