회전목마

[워드프레스] 회전 슬라이드(Carousel) 플러그인

위의 그림과 같이 이미지가 옆으로 자동으로 회전하는 것을 Carousel(회전 슬라이드)이라고 합니다. 회전목마가 돌아가는 모양을 본따서 Carousel이라는 이름이 붙여진 것 같습니다. 이와 같은 Carousel 효과가 부분적으로 적용된 사이트를 종종 볼 수 있습니다. 가령 고객사 로고나 파트너사 로고를 회전식으로 배열하는 경우가 여기에 해당됩니다.

워드프레스에는 다양한 Carousel 플러그인이 있습니다. 무료부터 유료까지 다양하기 때문에 약간의 검색을 통해 마음에 드는 플러그인을 선택할 수 있습니다. 위와 같이 깔끔한 효과를 원하는 경우 유료 플러그인을 고려해볼 수 있습니다.

Advanced Carousel for Visual Composer라는 플러그인은 Visual Composer용 애드온으로 위의 그림과 같은 효과를 비롯하여 다양한 효과를 구현할 수 있습니다. 이 플러그인을 사용하려면 비주얼 컴포저가 기본적으로 설치되어 있어야 하겠죠? Carousel Anything for Visual Composer도 Advanced Carousel for Visual Composer와 비슷한 효과를 제공하는 VC용 애드온입니다.

회전목마

비주얼 컴포저 애드온이 아닌 단독 플러그인을 원한다면 Super Carousel도 무난한 것 같습니다. 반응형이고 다양한 효과를 제공합니다. PPM Carousel Ultimate 플러그인은 단순하면서도 위의 그림에서 보여주는 효과를 정확히 제공하는 것 같습니다.

무료 플러그인의 경우 슬라이더 플러그인은 많지만 정확히 위와 같은 효과를 제공하는 플러그인은 찾기 쉽지 않네요. WordPress Auto Scroll Carousel 플러그인이 상단의 그림과 같은 효과를 제공합니다. 하지만 이 플러그인은 개인에 한 해 무료로 이용 가능합니다. (그리고 무료 버전의 경우 아마 워터마크가 표시될 것 같습니다.)

원하는 경우 인터넷에 공개된 jQuery 소스를 사용하여 직접 구현하는 것도 가능합니다. 예를 들어 이 글에서 jQuery infinite carousel(무한 회전식 슬라이드)을 만드는 방법이 나와 있습니다. 하지만 반응형을 원하는 경우 만드는 것이 쉽지 않을 것 같습니다.

참고: 일부 테마에서 회전 슬라이드(Carousel) 효과를 제공하는 경우도 있습니다. Salient 등의 테마에서 그런 효과를 본 기억이 나네요. 유료 테마를 구입할 때 원하는 기능을 제공하는지 데모를 통해 확인하는 것도 효과적인 것 같습니다.



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.