워드프레스 스크롤 애니메이션 플러그인 추천

시퀀스 애니메이션을 사용하면 비디오 컷을 개별 이미지 프레임으로 원활하게 스크롤할 수 있습니다.

Elementor 페이지 빌더에서 애니메이션 시퀀스를 포함하는 방법을 알아보겠습니다.

 

1. Scrollsequence WP 플러그인 설치 (https://scrollsequence.com/)

플러그인은 무료 버전과 Pro 버전 중에서 선택할 수 있습니다.

 

2. 애니메이션 만들기

대시보드 왼쪽 의 ' Scrollsequence Menu '로 이동하여 'Add New Scrollsequence' 를 클릭합니다.

애니메이션 추가 버튼을 클릭 하면 인터페이스에 새로운 애니메이션 메뉴가 나타납니다.

 

• Selector : 애니메이션을 적용하려는 요소의 ID를 입력하니다.
• Start : 이 필드는 애니메이션을 시작할 이미지 번호를 선택합니다.  ex) 이미지 15에서 제목이 나타나기를 원할 경우 15를 시작점으로 설정합니다.
• End : 애니메이션을 종료할 이미지 번호를 입력합니다. 

 

3. Elementor에 스크롤 시퀀스 이미지 애니메이션 추가

Elementor 페이지 빌더를 사용하여 애니메이션을 추가할 수 있습니다.

 

Elementor 편집 페이지로 이동하여 'Shortcode' 위젯을 추가합니다.

복사한 숏코드를 적용하면 GIF에서 볼 수 있듯이 백엔드에서 바로 스크롤 이미지 애니메이션을 미리 볼 수 있습니다.