무료 Elementor 배경 슬라이더(Ken Burns가 포함된 슬라이드쇼 섹션)

Background Slider 는 Elementor 컨테이너,섹션 또는 열의 배경을 회전하는 이미지 슬라이드 쇼로 바꾸는 무료 Master Addons 확장 프로그램입니다. 사진이 뒤에서 바뀌는 동안 제목과 버튼이 제자리에 유지됩니다. 24 개의 전환과 함께 Random 옵션,9 방향의 Ken Burns 모션,9 개의 패턴 오버레이 또는 자신의 색상 및 그라데이션 오버레이,선택적인 진행 막대가 제공됩니다. 사람들은 대부분 서비스,레스토랑, 여행 및 포트폴리오 사이트의 영웅 섹션에 사용합니다.

5개의 이미지가 선택된 Elementor의 배경 슬라이더 패널과 청소 서비스 영웅 옆에 전환 및 애니메이션 드롭다운이 열립니다

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 전환 목록은 하나의 슬라이드가 다음 슬라이드로 넘어가는 방법을 결정합니다: 페이드,왼쪽으로 슬라이드,오른쪽으로 슬라이드,위로 슬라이드,아래로 슬라이드,확대, 축소,왼쪽으로 소용돌이,오른쪽으로 소용돌이,굽기, 흐리게 및 플래시. 각각은 두 번째 변형을 가지고 있으며,이는 24 를 만들고,Random 은 모든 변경 사항에 대해 다른 효과를 선택합니다. The 애니메이션 그런 다음 설정하면 각 슬라이드 내부에 느린 Ken Burns 줌 및 팬이 추가됩니다.

  • 전환: 24 효과 플러스 무작위. 페이드 기본값입니다.
  • 애니메이션: Kenburns, Kenburns Up, Down, Left, Right, 네 개의 대각선 방향, Random 또는 None.
  • 무작위 디스플레이: 페이지가 생성될 때 이미지 순서를 섞습니다. 캐시된 페이지에서 순서는 캐시가 지워질 때까지 동일하게 유지됩니다.

텍스트를 읽을 수 있게 유지하는 오버레이

바쁜 사진 위에 흰색 텍스트는 읽기 어렵습니다. With 사용자 정의 오버레이 꺼져, 오버레이 메뉴는 슬라이드 위에 9 개의 타일 도트 및 라인 패턴 (스타일 1 에서 스타일 9) 중 하나를 놓으며,스타일 1 은 기본적으로 켜져 있습니다. 전환 사용자 정의 오버레이 표시하려면 단색, 이미지 또는 선형 또는 방사형 그라데이션을 대신 사용할 수 있습니다.

  • 오버레이: 없음 또는 스타일 1 에서 스타일 9, 베가스 슬라이드 쇼 라이브러리의 작은 반복 패턴.
  • 사용자 정의 오버레이: 색상, 이미지 또는 두 가지 색상 정지, 각도 및 위치가 있는 그라데이션입니다.
  • 색조 강도: 불투명도 슬라이더는 따로 없으므로 투명도가 있는 색상,예를 들어 rgba (0,0,0,0.5) 를 선택합니다.
사진 위에 어두운 그라데이션이 있는 영웅 섹션 옆의 배경 슬라이더 패널에 있는 사용자 정의 오버레이 그라데이션 설정입니다
거실 영웅 옆에 Kenburns 방향과 스타일 1부터 스타일 9까지 나열된 배경 슬라이더 애니메이션 및 오버레이 드롭다운입니다

타이밍, 표지 및 이미지 크기

지연 는 밀리초 단위의 텍스트 필드입니다. 기본값은 5000 이고,3000 은 더 빠른 속도를 제공합니다. 덮개 true로 설정하면 전체 영역을 채우고 가장자리를 자르고 False는 그 안에 있는 각 이미지에 맞습니다. 타이머 현재 슬라이드에 대한 얇은 진행률 표시줄을 표시합니다. 기본적으로 켜져 있으며,슬라이드를 끌 때 슬라이드가 계속 회전합니다.

  • 지연: 각 슬라이드가 화면에 표시되는 시간은 밀리초입니다.
  • 이미지 해상도: 파일 크기를 줄이려면 전체 대신 대형 또는 중형을 로드하세요.
  • 작동하는 곳: 컨테이너, 섹션 및 열이므로 한 열은 정적 슬라이드쇼 옆에 자체 슬라이드쇼를 실행할 수 있습니다.

Elementor 배경 슬라이드쇼와 배경 슬라이더 확장

무료 Elementor 코어 플러그인에는 이미 슬라이드쇼 배경 유형이 포함되어 있습니다 (Elementor 4.2.4 에서 확인). 컨테이너의 배경 유형을 슬라이드쇼로 설정하면 애드온이 전혀 없는 기본 회전 배경을 얻을 수 있습니다. 확장 프로그램과 비교하는 방법은 다음과 같습니다.

특징Elementor 슬라이드쇼 배경마스터 애드온 배경 슬라이더
가격무료(엘리멘터 코어)무료(마스터 애드온)
작동컨테이너, 섹션, 열컨테이너, 섹션, 열
전환5: 4 개의 방향에 있는 퇴색 그리고 활주24 플러스 랜덤
전환 기간예, ms 단위입니다(기본값 500)설정 없음
슬라이드 지속 시간예, 기본값은 5000ms입니다지연, 5000ms 기본값
켄 번스확대 또는 축소9 방향, 무작위 또는 없음
오버레이별도의 배경 오버레이 섹션9 패턴 오버레이 또는 사용자 정의 색상, 이미지, 그라데이션
무작위 순서아니요예
진행 표시줄아니요예 (타이머)
무한 루프 토글예항상 반복합니다
라질로드예아니요
장치당 크기 및 위치예덮개 또는 꺼짐만

5 개의 전환과 간단한 줌 커버가 필요한 것을 커버한다면 Elementor 슬라이드 쇼는 더 가벼운 옵션이며 확장에 부족한 lazyload 및 장치별 위치 지정 기능이 있습니다. 확장은 더 많은 전환 스타일,방향성 Ken Burns 이동,패턴 오버레이,무작위 순서 또는 눈에 보이는 타이머 막대를 원할 때 추가 할 가치가 있습니다.

더 많은 섹션 배경 효과: 입자 (무료), 애니메이션 그라데이션 배경 (프로) 그리고 유리형성 (무료).

템플릿 뷰어
페이스북
트위터
왓츠앱
링크 복사
지금 구매하기
청소 서비스
청소 서비스

Elementor에서 배경 슬라이더를 추가하는 방법

확장 기능에는 무료 플러그인이 제공되며 설정에는 몇 분이 걸립니다.

  1. WordPress.org에서 Elementor용 마스터 애드온을 설치하세요 마스터 애드온 > 확장 그리고 그걸 확인해보세요 배경 슬라이더 켜져 있습니다.
  2. Elementor로 페이지를 편집하고 변경할 컨테이너, 섹션 또는 열을 선택합니다.
  3. 열다 스타일 탭, 확장 배경 슬라이더 및 설정 배경 슬라이더 활성화 예에.
  4. 클릭 이미지 추가두 장 이상의 사진을 선택하고 다음을 선택하세요 이미지 해상도 그것은 단면 폭에 맞습니다.
  5. 다음을 선택하세요 전환 그리고 an 애니메이션을 입력한 후 지연 밀리초 단위(기본값은 5000)입니다.
  6. 클릭 적용 미리보기를 새로 고치려면 페이지를 업데이트하세요.

섹션을 스타일링하는 다른 방법은 다음을 참조하세요 Elementor 페이지 배경 가이드.

배경 슬라이더에 대해 자주 묻는 질문

사용자가 Background Slider 에 대해 가장 많이 묻는 쿼리를 알아보고 한 곳에서 답변을 찾으십시오.
Background Slider 확장 프로그램은 무료인가요?

예. WordPress.org 의 무료 Master Addons 플러그인의 일부이며이 페이지에 설명 된 모든 설정은 Pro 라이센스없이 작동합니다. Master Addons > Extensions 에서 전원이 꺼져 있으면 켜십시오.

아니요. 화살표,점 또는 일시 정지 버튼이 없습니다. 설정한 지연에서 슬라이드가 스스로 회전하며 옵션 타이머 막대는 진행 상황만 표시합니다. 방문자가 이미지를 클릭해야 하는 경우,다음과 같은 캐러셀을 사용하십시오 이미지 회전목마 대신 위젯.

Elementor 배경 슬라이드쇼와 어떻게 다른가요?

Free Elementor 에는 이미 5 개의 전환이 있는 슬라이드쇼 배경 유형,Ken Burns 확대 또는 축소,전환 기간 설정,lazyload 및 장치별 위치 지정이 있습니다. 배경 슬라이더는 24 개의 전환,9 방향의 Ken Burns,패턴 및 사용자 지정 오버레이,무작위 순서 및 진행률 표시줄을 제공합니다. lazyload 또는 전환 기간 설정이 없으므로 더 중요한 경우 Elementor 를 선택하십시오.

그들은 할 수 있습니다. 확장에는 lazyload 설정이 없으므로 업로드하기 전에 사진을 압축하고 섹션이 원본 파일보다 좁을 때 이미지 해상도를 대형 또는 중형으로 설정하십시오. 대부분의 영웅 섹션에는 3 ~ 5 개의 이미지가 충분합니다.

트렌드 엘리먼트 위젯 및 확장

더 짧은 시간에 정교한 웹사이트를 구축하세요.

Elementor용 Master Addons Glassmorphism 확장: 흐림 값 컨트롤이 20px로 설정된 반투명 유리 카드

유리형성

집 무료 Elementor Glassmorphism 확장: 하나의 토글에서 서리 유리 효과 Glassmorphism 서리입니다...
자세히 보기
Elementor용 마스터 애드온 컨테이너 추가 확장: 최대 너비, 최대 높이, 최소 너비 및 최소 높이 컨트롤이 포함된 컨테이너의 최대 너비는 1400px입니다

컨테이너 엑스트라

홈 Elementor 컨테이너 최대 너비 및 최대 높이 제어 컨테이너 엑스트라는 무료 마스터입니다...
자세히 보기
Elementor용 마스터 애드온 패턴 확장: 보라색 그라데이션 그리드 왼쪽 스타일, 세 가지 패턴 스타일 및 패턴 활성화 패널이 있는 영웅입니다

패턴

홈 70+ 무료 Elementor 배경 패턴 패턴은 추가되는 무료 Master Addon 확장입니다...
자세히 보기
Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안

게시물/페이지 복제기

홈 중복 엘리멘터 페이지 및 게시물 한 번의 클릭으로 게시물/페이지 복제기는 무료 마스터입니다...
자세히 보기
Elementor용 마스터 애드온 읽기 진행률 표시줄 확장: 활성화, 위치, 높이 및 채우기 색상 설정이 포함된 개인 정보 보호 정책 페이지 상단에 파란색 표시줄 42%가 채워져 있습니다

읽기 진행률 표시줄

홈 WordPress (Elementor) 에서 읽기 진행률 표시 줄 추가 읽기 진행률 표시 줄은 무료입니다...
자세히 보기