레퍼런스 워드프레스

워드프레스 오프라인 교육 – 레볼루션 슬라이더 (Revolution Slider), 레이어 슬라이더 (Layer Slider) 사용법

워드프레스 오프라인 1:1 교육을 진행했습니다. 교육 내용은 기존 운영중인 홈페이지의 메인 슬라이드 수정 및 워드프레스 사용법 이었습니다. 압구정역 근처에 있는 사무실로 방문을 해서 진행을 해드렸는데, 교육자 분은 워드프레스를 사용해 본적이 없는 디자이너 분이셨습니다.

메인 페이지 슬라이더가 레볼루션 슬라이더로 제작이 되어있어서, 레볼루션 슬라이더의 기본사용방법부터 배경에 동영상 넣는 법, 모바일에서 동영상 자동 재생 방법까지 전반적인 내용을 알려드렸습니다.

슬라이더레볼루션은 워드프레스 제작시 가장 많이 이용되는 유료 슬라이더 플러그인 중 하나로 레이어 디자인, 다양한 애니메이션 효과, 반응형 디자인 등 아주 많은 기능을 제공해 줍니다. 기존에 이미지에 텍스트가 포함된 형태로 제작이 되어있어서 화면크기에 따라 글자가 잘리고 모바일에서 이상하게 나오는 현상이 있었습니다.

다양한 애니메이션 효과 활용과 반응형 디자인을 위해 텍스트와 이미지를 분리해서 이미지는 배경으로 처리하고, 텍스트는 레이어로 넣을 수 있는 방법과 화면크기 별로 다른 디자인을 적용할 수 있는 방법을 알려드리고 적용을 하니 기존보다는 훨씬 슬라이더가 깔끔해졌습니다.

첫번째 슬라이더는 동영상 재생이 되게 하고 싶다고 하셔서 배경에 유튜브 동영상을 넣는 방법을 알려드렸습니다. 동영상을 넣을 때 데스크탑에서는 자동재생이 지원이 되는데, 모바일에서는 자동재생이 지원이 안됩니다. 이 때 코드를 이용해서 자동 재생이 되게 하는 방법이 있는데, 이 부분 약간 어려울 수 있어서 대략적인 내용만 말씀드리고, 따로 작업을 해드렸습니다.

모바일에서 플레이, 스탑 버튼 넣기 / 자동 재생 (autoplay) 설정 방법 보기 (영문)

그 이외에 페이지 전환 효과, 슬라이더 숏코드를 이용해서 페이지의 원하는 위치에 슬라이더 넣는 방법까지 말씀드리고 교육을 완료했습니다. 교육을 받으신 분이 디자이너분이시라 레이어 개념과 애니메이션 효과 사용에 익숙하셔서 쉽게 따라하셔서 교육 시간내에 기존 슬라이더는 원하는 방향으로 수정을 마무리지을 수 있었습니다.

친절하고 사려깊은 서비스 감사합니다.

워드프레스 슬라이더 레볼루션 오프라인 교육 후기 평가
워드프레스 슬라이더 레볼루션 오프라인 교육 후기 평가

Related posts

워드프레스 오프라인 교육 – 뉴스페이퍼 테마를 사용한 선교단체 사이트 제작

스마일보이 제이크

워드프레스 오프라인 교육 – 백커 (Backer) 테마를 사용한 크라우드 펀딩 사이트 제작

스마일보이 제이크

워드프레스 홈페이지 제작, 운영 교육 제공 전문 서비스

스마일보이 제이크