Loading...
  • Elastic-Slider-05_Title

    Elastic-Slider-05_Caption

  • Elastic-Slider-04_Title

    Elastic-Slider-04_Caption

  • Elastic-Slider-03_Title

    Elastic-Slider-03_Caption

  • Elastic-Slider-02_Title

    Elastic-Slider-02_Caption

  • Elastic-Slider-01_Title

    Elastic-Slider-01_Caption

워드프레스 아바다 테마 에라스틱 슬라이더 – Elastic Slider

/아바다 테마 사용법/워드프레스 아바다 테마 에라스틱 슬라이더 – Elastic Slider

Elastic Slider 만드는 방법

1. 어드민 대시보드 – Elastic Slider – Add or Edit Groups 선택,  카테고리를 만들듯이 슬라이더 그룹 하나를 만듭니다. 한개의 그룹으로 하나의 슬라이더를 정의합니다.

2. 어드민 대시보드 – Elastic Slider – Add or Edit Slides 로 들어가서,에라스틱슬라이더에서 사용될 슬라이드 (개별 1장)를 만듭니다.

– 제목을 쓰고, Featured Image 를 이용해서 사용하고싶은 이미지를 Featured Image에 넣습니다.

– 오른쪽의 Groups 태그창에 ‘Groups’ 메뉴에서 만들었던 그룹중 슬라이드를 포함하고 싶은 그룹이름을 써 넣습니다. (아래에 많이 사용한 태그 목록에 있다면 선택) 여러 그룹에 포함시킬수도 있습니다.

– Elastic Slide Options 섹션창에 타이틀과 캡션을 넣으수 있으며, 여기에 넣어진 문장은 슬라이드 작동시에 보여집니다.

3. 슬라이드 한개의 포스트당 하나의 Featured Image 를 넣으면 됩니다.

4. 포스트나 페이지에 Elastic Slider를 보여줄때는 그룹이름중 선택하면 됩니다.

elastic-slider-page_01

Settings (어드민 대시보드 – 테마 옵션 – Elastic Slider )

Slider Width 슬라이더의 넓이를 설정합니다. px과 %를 사용할수 있습니다 (위 슬라이더는 1100px )

Slider Height 슬라이더의 높이를 설정합니다.px 만 사용가능합니다. (위 슬라이더는 500px )

Animation 슬라이더의 효과를 설정합니다. sides와 center (fade) 가 있습니다. (위 슬라이더는 sides )

Autoplay 슬라이더가 로딩되면 자동으로 작동하도록 설정합니다. ( 위 슬라이더는 자동 )

Slideshow Interval 각 슬라이드 사이의 간격을 조절합니다. ( 위 슬라이더는 4000 = 4sec)

Sliding Speed 슬라이드가 전환될때 Animation 효과에 걸리는 시간 (위 슬라이더는 0.5sec )

Thumbnail Width 슬라이더 아래부분에 진행 Bar가 보이고 여기에 마우스를 올리면 섬네일 (Thumbnail)이미지가 보입니다. 이 크기를 설정합니다. ( 위 슬라이더는 150px)

Title Font Size (px) 슬라이드(각 장) 내의 타이틀 폰트의 크기를 설정(기본 42) 합니다.px기호 없이 픽셀단위 입니다. 예)42

Caption Font Size (px) 슬라이드(각 장) 내의 캡션 폰트의 크기를 설정(기본 20)합니다. px기호 없이 픽셀단위 입니다. 예)20

Title Color 슬라이드(각 장) 내의 타이틀 폰트의 색상을 설정합니다.

Caption Color 슬라이드(각 장) 내의 캡션 폰트의 색상을 설정합니다.

댓글 1개

  1. beginneravada 2015/03/16 - 11:19 - 답글쓰기

    따라하기 만족합니다.
    좋은 설명,학습에 감사드립니다.

댓글 쓰기