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

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

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

[ 이 글은 2024년 2월 21일에 마지막으로 업데이트되었습니다. ]

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

아바다 등 페이지 빌더가 탑재된 테마를 사용하는 경우 페이지 빌더에 캐러셀(회전 슬라이드) 기능이 제공될 수 있습니다.

엘리멘터 페이지 빌더에도 캐러셀 위젯이 제공됩니다.

워드프레스 캐러셀 플러그인 - WP Carousel

무료 플러그인으로 WP Carousel (Carousel, Slider, Gallery by WP Carousel – Image Carousel & Photo Gallery, Post Carousel & Post Grid, Product Carousel & Product Grid for WooCommerce)이 있습니다.

이 플러그인은 2024년 2월 현재 6만 개가 넘는 사이트에 설치되어 사용되고 있으며 무료 버전과 유료 버전이 있습니다.

  • 완전 반응형 및 터치 친화적.
  • 경량, 빠르고 강력한 기능
  • 단축코드 생성기 (숏코드 생성기)
  • 매우 편리한 어드민 패널
  • 미디어 갤러리, 게시물, 상품 등의 이미지를 사용하여 캐러셀 생성
  • 드래그 앤 드롭(Drag & Drop) 이미지 슬라이드 재정렬
  • 여러 개의 캐러셀. (동일 페이지에 무제한 캐러셀 생성 가능)
  • 멀티사이트 지원.
  • 이미지 슬라이드 테두리 설정.
  • 자동 재생 켜기/끄기
  • 자동 재생 속도 컨트롤
  • 캐러셀 위에 마우스를 올리면 정지
  • 캐러셀 무한 회전 (루프)
  • 내비게이션 및 페이지네이션 점 표시/숨기기.
  • 내비게이션 및 페이지네이션 점 색상.
  • 무제한 컬러 및 스타일링 옵션.
  • 다양한 기기에서 캐러셀 컬럼 제어
  • 랜덤한 순서로 표시 가능
  • 각 캐러셀에 대한 고유한 설정 가능
  • 터치 스와이프 옵션
  • 마우스 드래그 기능 활성화/비활성화
  • 다국어 지원
  • RTL(오른쪽에서 왼쪽 방향 언어; 아랍어 등) 지원
  • 위젯 지원
  • 모든 테마와 호환
  • 스크립트/CSS를 로드/언로드하는 고급 설정
  • 스타일을 재정의할 수 있는 사용자 정의 CSS 필드.
  • 개발자 친화적이며 커스터마이징 용이
  • SEO 친화적 & 속도 최적화
  • 모든 모던 브라우저 지원: IE, Firefox, 크롬, 사파리, 오페라, Edge 등.
  • 설명서 및 동영상 튜토리얼
  • 신속한 지원
  • 그 외 많은 옵션 제공

기타 플러그인

Responsive Posts Carousel WordPress Plugin(반응형 포스트 캐러셀 워드프레스 플러그인)은 가볍고 강력한 워드프레스 플러그인으로 포스트, 갤러리 이미지, 우커머스 상품 및 기타 모든 커서텀 포스트 타입을 터치가 가능한 캐러셀/슬라이더로 표시할 수 있습니다.

50개 이상의 템플릿 중에서 선택할 수 있고 라이브 템플릿 에디터(Live Template Editor)를 사용하여 커스텀할 수 있습니다.

3차원으로 회전 슬라이드를 표시하고 싶은 경우 Ultimate 3D Carousel WordPress Plugin을 고려할 수 있습니다. Ultimate 3D Carousel은 멀티미디어 콘텐츠를 고유한 레이아웃으로 3차원으로 표시하도록 하는 완전한 3D 멀티미디어 캐러셀 슬라이더입니다.

회전목마

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

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

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

참고

일부 글에 제휴 링크가 포함될 수 있으며 파트너스 활동으로 일정액의 수수료를 받을 수 있습니다.

2개 댓글

댓글 남기기

* 이메일 주소는 공개되지 않습니다.