워드프레스 Revolution Sliders 레볼루션 슬라이더(슬라이드) 메인 수정작업

"워드프레스 Revolution Sliders 레볼루션 슬라이더(메인 슬라이드) 수정작업, 사라지는 효과"

안녕하세요. 웹수리 하는 프리랜서 웹수리천사입니다.

오늘 소개해 드릴 홈페이지 (유지보수) 작업은 레볼루션 슬라이더를 이용한 슬라이드 제작입니다.

이 슬라이더는 제가 사용해본 설치형 슬라이더 중 가장 판타스틱한 슬라이더 입니다.

프리미어, 베가스, 플래쉬, 스위시 등 동영상을 작업하시는 분이라면 무난하게 사용할 수 있을 정도로 편하고 쉽습니다.

파워포인트 ppt 프리젠테이션의 애니매이션효과만 사용 할줄 알아도 레볼루션 슬라이더는 쉽게 다룰수 있을듯 합니다.

그리고 신기한것은 피씨에 설치되는 응용프로그램이 아니고 웹에 접속하여 관리자 모드에서 모든 작업이 가능합니다.

레볼루션 슬라이더 정식버전은 유료버전입니다. 워프에서 프러그인 설치로 이용이 가능합니다.

여기에서는 설치 절차는 생략하겠습니다.

1. 관리자 모드에 접속해서 레볼루션 슬라이더를 실행합니다.

2. 슬라이드를 선택(수정)합니다. 처음 생성이라면 하단의 Create New Slider를 클릭합니다.

수정이라면 Edit Slides를 선택합니다. 프리뷰로 슬라이드를 보실 수 있습니다.

3. 슬라이드를 선택(에디트 슬라이드)했다면 아래와 같이 이미 만들어져 있는 낱장의 슬라이드가 보입니다.

아래는 메인 슬라이드 이며 총 6개의 슬라이드로 구성되어 있습니다.

3번 슬라이드의 앞 아이콘을 보시면 빨간색으로 현재 슬라이드의 상태를 표시합니다. 빨간색은 출력되지 않습니다.

녹색은 화면에 노출이 되고 있습니다. 작업중인 슬라이드나 필요없는 슬라이드는 삭제 또는 이렇게 감춰놓을 수 있습니다.

아이콘을 클릭하면 상태가 토글됩니다.

수정할 슬라이드를 Edit Slide 합니다.

4. 낱장의 슬라이드 편집 화면에 진입했습니다.

낱장의 슬라이드마다 이름을 정할 수 있습니다. 아래에 보이는 설정은 낱장 슬라이드 전체에 적용되는 설정입니다.

Delay 값은 디폴트 7000ms(7초) 입니다. 여기를 16000으로 수정하였습니다. 슬라이드 내용이 많아서 늘렸습니다.

모든 이미지를 업로드해서 각각 배치를 시켰습니다. ppt 애니메이션 효과랑 거의 비슷합니다. 어렵지 않습니다~ ^^

설정값을 변경하면 즉시 반영되어 화면에 수정이 이루어 지는것도 있고 그렇지 않은 경우 맨하단의 Update slide를 클릭하시면 저장이 됩니다.

업데이트 슬라이드를 클릭하지 않으면 설정은 저장되지 않습니다.

업데이트를 하여도 화면에 바로 반영되지 않으면 Close 후 다시 진입 하시면 반영이 되어 있을겁니다.

파일을 추가할때는 Add Layer:Image, 텍스트를 추가할때는 Add Layer 후 텍스트를 넣으면 됩니다.

하단 우측에 보이는 텍스트는 모두 png 파일입니다.

이미지 하나하나의 설정값입니다.

우측의 카메라 라고 보이는 영역은 이미지 이름입니다. 귀찮더라도 이름을 달아 놓아야 작업이 수월합니다.

이미지의 효과를 주실때는 전체적인 타임라인을 그리면서 작업하셔야 쉽습니다. 그렇지 않으면 머리속에서 엉켜요~~ㅋ

이미지의 순서는 마우스로 드래그해서 바꿀수 있구요 화살표에 들어 있는 값을 직접 수정할 수 있습니다.

그리고 사람 눈 처럼 보이는 버튼은 숨기고 보이게 하는 기능입니다. 

이미지들이 겹쳐 있으니 각각의 이미지(레이어개념)를 꺼서 확인해야 합니다.

아래와 같이 각각의 이미지에 나타나는 효과를 적용 할수 있습니다. 

파워포인트 처럼 아주 다양한 효과가 준비되어 있지는 않습니다.

제이쿼리 효과를 공부할때 easing 에 대한 개념을 배우게 되는데요..

아래 내용을 보시면 이해가 되시려나?? [ 출처 http://easings.net ]

x축은 움직임의 속도 반응 y축은 움직임의 방향 반응입니다.

이해하기 따라서 거꾸로 이해 할수도 있지만 개념만 아시면 됩니다^^

중요한 내용 중 하나..

이미지를 나타내기 효과는 위와 같이 있어도 사라지는 효과를 잘 못찾으시더라구요

하단에 End Transition (optional) 이라고 보이시죠. 감춰져 있습니다.

이걸 여시고 아래와 같이 사라지는 효과를 설정하시면 됩니다.

이상으로 워드프래스의 대표 슬라이더에 대해서 살펴봤구요

제가 주력으로 사용하는 슬라이더는 아래 슬라이드 입니다.

이것 역시 설치형 슬라이드이며 사용은 피씨에 설치하는 응용프로그램입니다.

응용프로그램에서 만들어진 소스와 이미지를 웹에 업로드하는 방식입니다.

이러한 효과들이 필요하신 분들은 주저말고 연락주세요.

공수는 레볼루션 슬라이더 낱장 제작/수정 3시간 입니다.

메인 슬라이더 작업은 슬라이더를 다루는 작업보다 이미지를 다루는 시간이 더 많이 소요됩니다.

슬라이더는 이미지 제작이 관건이네요..

참고하시고 메인 슬라이더 유지보수가 필요하시면 댓글이나 연락주세요~~