워드프레스 테마

아바다 5.0으로 업데이트했습니다

지난 달 중순에 아바다(Avada)가 5.0으로 업데이트되었습니다. 4.0으로 업데이트된 지 얼마 안 되어 5.0으로 메이저 업데이트가 되었네요. Avada 5.0에서는 특히 자체 …

더 보기

아바다 테마의 Elastic Slider 사용하기[워드프레스]

워드프레스 테마인 아바다(AVADA)의 Elastic Slider 사용 방법을 설명하는 동영상입니다. 그룹을 만들고, 개별 슬라이드를 만들면서 그룹을 지정한 후에 페이지에서 슬라이더 옵션으로 Elastic Slider를 설정하고 그룹을 지정하면 됩니다. 기본적으로 AVADA의 Fusion Slider(퓨전 슬라이더)와 사용법이 거의 동일합니다.

동영상에서는 Re-Order라는 메뉴가 Elastic Slider 메뉴 아래에 있습니다. Re-Order 메뉴를 추가하려면 Post Types Order 플러그인을 설치하면 됩니다. 이 플러그인을 설치한 후에 Post Types Order 설정을 하라는 메시지 박스가 표시됩니다. Post Types Order 설정 페이지에서 Elastic Slider에 Show를 선택하면 Elastic Slider 메뉴 아래에 Re-Order 하위 메뉴가 표시됩니다.

Post Types Order - 워드프레스 플러그인
Fusion Slider의 설정으로 “Show”를 선택하면 Fusion Slider 메뉴 아래에도 Re-Order 메뉴가 표시됩니다.

아바다 테마의 Fusion Slider 사용하기[워드프레스]

워드프레스에서 가장 많은 판매를 기록 중인 아바다(AVADA) 테마를 설치하면 Fusion Slider, Elastic Slider, LayerSlider WP, Revolution Slider 등 총 4개의 슬라이더 메뉴가 나타납니다. 이 중에서 Revolution Slider(레볼루션 슬라이더)가 특히 유명하죠. 다이내믹하고 다양한 효과를 원할 경우 LayerSlider나 Revolution Slider를 사용하는 것도 좋을 것입니다.

개인적으로는 아바다에서는 간단하게 사용할 수 있는 Fusion Slider를 주로 사용하고 있습니다. 위의 동영상은 아바다에서 Fusion Slider를 설정하는 방법을 간단하게 설명하고 있습니다.

그리고 “아바다(AVADA)에서 Fusion Slider를 설정하는 방법“에서 스크린샷과 함께 퓨전 슬라이더를 설정하는 방법을 확인할 수 있습니다.

참고로 패럴랙스 스크롤링 효과(Parallax Scrolling Effect)를 적용하려면 Fusion Slider > Add or Edit Sliders에서 구성할 수 있습니다.

Avada Fusion Slider - 아바다 퓨전 슬라이더 패럴랙스 스크롤링 효과

전체 화면 슬라이드를 원할 경우 Full Screen Slider를 체크하면 됩니다.

그리고 Parallax Scrolling Effect를 체크하면 패럴랙스 스크롤링 효과를 구현할 수 있습니다. Parallax 스크롤링 효과를 활성화면 보기에는 좋지만 간혹 슬라이드가 제대로 표시되지 않는 경우도 있는 것 같습니다. 그런 경우 CSS를 사용하여 문제 해결을 시도해볼 수 있습니다.

개인적으로 슬라이드를 사용하는 것을 그리 좋아하는 편이 아닙니다. 사이트 로딩 속도에 영향을 미칠 뿐만 아니라 레볼루션 슬라이더의 경우 보안상의 문제를 야기할 수도 있습니다. (올해 초에 레볼루션 슬라이더의 심각한 보안 문제 때문에 신문에도 나온 적이 있습니다.)

간단하게 사용할 수 있는 슬라이더로 Easing Slider나 Meta Slider와 같은 플러그인도 괜찮은 것 같습니다.