본문 바로가기
지속가능티끌/웹,워드프레스

워드프레스 레볼루션 슬라이더 웹에 표현하기.-Revolution Slider

by i.got.it 2014. 11. 11.

 

 

개요

   
 

워드프레스에서 "레볼루션 슬라이더" 로 만들어진 슬라이더를 웹사이트에 보이게 하는 방법 정리.

 

3가지 방법이 가능하다.

1. 숏코드 삽입방식.

2. 위젯을 사이드바에 배치하는 방식.

3. Visual Composer 이용하는 방법.

 

관련정보.

레볼루션 슬라이더 만드는 방법 -> http://igotit.tistory.com/194

 

 

 

1. 숏코드 삽입방식.

   
 

 

레볼루션 슬라이더 리스트를 보면 숏코드가 자동으로 만들어져 있다. 이것을 포스트나 페이지에 기록하면 웹페이지에서 보일때는 슬라이더가 보이게 된다. 포스트나 페이지 편집기 툴바 아이콘중에서 레볼루션 슬라이더 선택할 수 있는 콤보박스 이용하여 간단히 삽입가능하다.


 

 

해당 페이지가 웹에서 보이는 모습.



 

 

 

2. 위젯을 사이드바에 배치하는 방식.

   
 

레볼루션 슬라이더를 설치하면 위젯에도 "Revolution Slider" 라는 위젯이 만들어져 있다. 이것을 사이드바에 배치하면 사이드바 폭만큼만 슬라이더가 보이게 된다. - 아래그림 처럼 사이드바 영역에 보임.


 

 

 

 

 

3. Visual Composer 를 이용하는 방법.

   
 

Visual Composer 가 설치되어있는 경우에는 VC를 이용하여 레볼루션슬라이더를 쉽게 표현가능하다.

아래 그림은 페이지 편집중 Visual Composer 의 Add Elements 창이며, 레볼루션 슬라이더가 설치되어있는 경우 붉은박스에 보이는 것처럼 "Revolution Slider" 를 선택할 수 있는 것이 보인다. 이를 선택하여 문서중 원하는 위치에 쉽게 삽입가능하다.


 

 

 

 

///195.

댓글



 

비트코인




암호화폐       외환/나스닥/골드         암호화폐/외환/나스닥/골드
     
현물 |선물 인버스 |선물 USDT       전략매니저(카피트레이딩)         프랍 트레이더 온라인 지원가능. MT4,MT5