워드프레스 무한 스크롤/Load More 플러그인

워드프레스에서 글 리스트나 우커머스 상품을 표시할 때 설정에서 지정한 개수만큼 표시되고, 맨 아래에 숫자로 페이지 번호가 표시되는 경우가 많습니다.

무한 스크롤 기능을 사용하면 사용자가 맨 아래로 내려오면 자동으로 다음 글/상품들이 로드되어 표시됩니다. 또는 "더 보기" 버튼을 추가하면 사용자들이 버튼을 클릭하여 다음 글/상품 리스트를 로드할 수 있습니다.

이와 같은 기능을 사용하면 페이지를 이동할 필요 없이 현재 페이지 내에서 글들을 로드할 수 있어 사용자 경험을 향상시킬 수 있을 것입니다. 이 글에서는 무료로 제공되는 Ajax Load More라는 플러그인과 우커머스 전용 플러그인인 Load More Products for WooCommerce, 그리고 우커머스용 무한 스크롤 플러그인을 간단히 살펴봅니다.

워드프레스 / 우커머스 무한 스크롤 플러그인

Ajax Load More 플러그인

워드프레스 무한 스크롤 Load More 버튼 플러그인

Ajax Load More는 Ajax 쿼리로 워드프레스 글, 사용자 정의 글 유형(커스텀 포스트 타입), 단일 글, 페이지 및 댓글을 무한 스크롤(Infinite Scrolling)하거나 지연 로딩(Lazy Loading)하는 경우에 사용되는 강력한 솔루션입니다.

Ajax Load More 숏코드 빌더를 사용하여 복잡한 사용자 정의 워드프레스 쿼리를 만들어서 Content Editor(컨텐츠 편집기)를 통해 페이지에 생성된 숏코드를 추가할 수 있고 템플릿 파일에 직접 추가하는 것도 가능합니다.

Ajax Load More 는 우커머스(WooCommerce)나 EDD(Easy Digital Downloads)와 같은 유명한 전자상거래 플러그인의 무한 스크롤 기능과도 완전히 호환됩니다.

이 플러그인을 사용하여 '더 보기' 버튼을 추가하는 자세한 방법은 다음 글을 참고해보세요.

YITH Infinite Scrolling (YITH 인피니트 스크롤) 플러그인 - 우커머스 상점, 블로그 등에 적용 가능

YITH Infinite Scrolling (YITH 인피니트 스크롤 플러그인)

우커머스 플러그인으로 유명한 YITH에서 만든 무한 스크롤 플러그인입니다. 이 플러그인은 무료 버전과 유료 버전으로 제공됩니다.

무료 버전의 기능

  • 하나의 섹션(상점, 블로그 등)에만 무한 스크롤 기능 활성화
  • 사용자 정의 로딩 이미지 업로드

프리미엄 버전의 기능

  • 무료 버전의 모든 기능
  • 원하는 개수의 섹션에 무한 스크롤 기능 활성화
  • 자체 옵션 패널을 통해 각 섹션 관리
  • "infiniate scrolling (무한 스크롤링)", "load more button (추가 로드 버튼)", "ajax pagination (Ajax 페이지네이션)" 중에서 페이지네이션(페이지 나눔) 유형 선택
  • 무한 스크롤링 페이지네이션을 이용하는 경우 사전 구성된 로더 아이콘 세트 중에서 선택하거나 사용자 정의 아이콘을 업로드할 수 있습니다.
  • "load more" 버튼 페이지네이션을 선택하는 경우 버튼 라벨을 설정하고 하나 이상의 사용자 정의 클래스를 추가할 수 있습니다.
  • 콘텐츠 로딩 애니메이션 선택
  • 페이지 URL은 AJAX에서 새 요소가 로드될 때마다 자동으로 업데이트될 수 있습니다. 이 기능을 통해 사용자는 이전 페이지로 되돌아갈 수도 있습니다.

먼저 무료 버전을 설치하여 사용해보시고, 고급 기능이 필요한 경우 프리미엄 버전을 고려해볼 수 있을 것입니다. 자세한 정보와 데모는 YITH Infinite Scrolling 플러그인 페이지를 참고해보세요.

Load More Products for WooCommerce (우커머스용 상품 더 보기 플러그인)

워드프레스 우커머스 Load More 플러그인

Ajax를 통해 상품을 무한 스크롤하거나 Load More 버튼을 추가해주는 우커머스용 애드온 플러그인입니다.

기능:

  • 우커머스(WooCommerce) 상품 무한 스크롤
  • 상품 더 보기(Load More Products) 버튼 또는 AJAX 페이지 매김
  • 사용자 정의 버튼 텍스트
  • 사용자 정의 코드를 위한 JavaScript 후크

이외에 이미지 지연 로드 등 고급 기능은 유료 버전에서 제공됩니다.

자세한 내용은 Load More Products for WooCommerce 플러그인 페이지를 참고해보세요.

참고


1개 댓글

  1. Load More Products for WooCommerce 플러그인을 설치해보니 보기는 좋지만 상점 페이지 속도를 약간 느리게 하는 것 같습니다.

    플러그인은 가급적 설치하지 않는 것이 좋습니다. 꼭 필요한 경우가 아니라면 기본적으로 제공되는 기능을 최대한 활용하는 것이 사이트 성능에 바람직할 것입니다.

댓글 남기기

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