WordPress의 무한 스크롤을 위한 최고의 플러그인

사이트에 무한 스크롤을 추가하고 싶지만 어떻게 해야 할지 잘 모르십니까? 당신은 바로 이곳에 왔습니다. 이 기사에서는 무한 스크롤을 추가하는 최고의 WordPress 플러그인을 보여줍니다.

다양한 도구를 살펴보기 전에 무한 스크롤이 무엇이며 일반 페이지 매김보다 이점이 무엇인지 더 잘 이해합시다.

무한 스크롤이란 무엇입니까?

전통적인 페이지 매김 시스템은 콘텐츠를 페이지로 나누는 것을 기반으로 합니다. 사용자는 페이지 상단 또는 하단에 제공된 번호가 매겨진 링크를 클릭하여 페이지 사이를 앞뒤로 탐색할 수 있습니다. 페이지 매김의 가장 일반적인 예는 Google과 검색 결과입니다.

반면에 무한 스크롤 은 AJAX 를 사용하여 모든 콘텐츠를 단일 페이지에 표시합니다. 처음에는 고정된 수의 항목만 표시되고 사용자가 아래로 스크롤하면 더 많은 항목이 로드됩니다. 무한 스크롤의 예로는 Facebook, Twitter 또는 Instagram과 같은 소셜 미디어 사이트가 있습니다. 이러한 사이트는 지속적인 콘텐츠 스트림을 제공합니다. 아래로 스크롤할수록 더 많이 보입니다.

이제 왜 무한 스크롤로 전환해야 합니까? 페이지 매김보다 무한 스크롤의 실질적인 이점이 있습니까? 무한 스크롤의 장점과 전용 플러그인을 사용해야 하는 이유를 살펴보겠습니다.

무한 스크롤의 이점

일반 페이지 매김과 비교할 때 무한 스크롤은 더 많은 콘텐츠를 검색하기 위해 사용자 측에서 더 적은 노력을 필요로 하기 때문에 더 직관적입니다. 페이지 매김과 달리 모든 콘텐츠는 새로 고침 없이 동일한 페이지에 동적으로 로드 되므로 사이트 탐색 속도가 훨씬 빨라 집니다.

마찬가지로 무한 스크롤을 사용하면 양질의 콘텐츠를 표시할 경우 사용자가 사이트에 더 오래 머물 수 있습니다. 방문자가 스크롤할 때 콘텐츠가 자동으로 로드되기 때문에 사용자에게 양질의 콘텐츠를 지속적으로 제공하고 관심을 끌며 사이트에 머물 이유를 제공할 수 있습니다.

또한 무한 스크롤 플러그인은 웹사이트를 모바일 친화적 으로 만드는 데 탁월합니다. 터치 스크린 장치에서의 스크롤은 페이지 매김의 작은 페이지 번호를 클릭하는 것과 달리 빠르고 쉽게 탐색 환경을 개선합니다.

사이트의 사용자 경험을 향상시키는 것 외에도 무한 스크롤은 웹 사이트에서 사용자 참여를 개선 하고 이탈률을 줄이는 데 도움이 됩니다. 이탈률이 낮다는 것은 사이트의 SEO를 개선하는 데 도움이 되는 양질의 콘텐츠를 나타냅니다.

지금까지 무한 스크롤의 장점 중 일부를 살펴보았습니다. 그러나 무한 스크롤이 항상 최선의 방법은 아니며 일부 사이트에서는 페이지 매김이 더 도움이 될 수 있습니다. 올바른 선택을 하는 데 도움이 될 수 있으므로 페이지 매김과 무한 스크롤 간의 자세한 비교를 확인하십시오.

무한 스크롤이 귀하의 사이트에 가장 적합한 선택이라고 생각한다면 두 가지 옵션이 있습니다. 무한 스크롤을 추가하거나 전용 플러그인을 사용하는 방법은 가이드를 참조하세요. 다음 섹션에서는 무한 스크롤을 위한 최고의 WordPress 플러그인을 분석합니다.

WordPress의 무한 스크롤을 위한 최고의 플러그인

WordPress용 최고의 무한 스크롤 플러그인은 다음과 같습니다.

1. AJAX 추가 로드(무료 및 프리미엄)
2. 무한 스크롤 캐치(무료 및 프리미엄)
3. YITH 무한 스크롤 무료)
4. 제트팩(무료 및 프리미엄)
5. WooCommerce에 대한 더 많은 제품 로드(무료 및 프리미엄)
6. WooCommerce 무한 스크롤 및 AJAX 페이지 매김(프리미엄)
7. 애니메이션 무한 스크롤(프리미엄)

그들 각각이 무엇을 제공하는지 살펴보고 가장 적합한 것을 선택할 수 있습니다.

1. AJAX 더 로드

50,000개 이상의 활성 설치가 있는 AJAX Load More 는 WordPress용으로 가장 인기 있는 무한 스크롤 플러그인 중 하나입니다. 모든 종류의 웹 사이트에서 원활하게 작동하며 WooCommerce와 같은 전자 상거래 플랫폼을 지원합니다.

가장 흥미로운 기능 중 일부는 반복 레이아웃 템플릿과 편리한 단축 코드 빌더입니다. 템플릿은 콘텐츠가 프런트 엔드에 표시되는 방식을 정의하는 PHP 파일입니다. 반복 레이아웃 템플릿을 사용하면 플러그인에 표시되는 콘텐츠가 사이트 스타일의 나머지 부분과 일치하도록 자체 템플릿을 플러그인에 추가할 수 있습니다.

또한 단축 코드 빌더는 선택한 쿼리 매개변수를 기반으로 단축 코드를 생성합니다. 게시물 유형, 형식, 태그 등과 같은 쿼리 매개변수를 지정할 수 있으며 AJAX 추가 로드 는 사이트에 추가할 수 있는 단축 코드를 생성합니다. 프로그래밍 기술이 있는 경우 단축 코드를 추가로 사용자 정의하고 사용자 정의 옵션을 최대한 활용할 수 있습니다.

또한 단일 페이지 또는 게시물에 플러그인의 여러 인스턴스를 추가할 수 있습니다. AJAX 필터링을 사용하면 사이트에 사용자 정의 필터를 추가하고 선택한 필터를 기반으로 콘텐츠를 표시할 수 있습니다. 마지막으로, 이 플러그인은 사용자 정의가 가능하므로 웹사이트의 모양과 느낌에 맞게 조정할 수 있습니다.

특징

• 리피터 템플릿을 사용하면 자신만의 템플릿을 만들 수 있습니다.
• 바로 사용할 수 있는 단축 코드를 생성하는 단축 코드 빌더
• 게시물 유형, 형식, 카테고리, 태그 등을 기준으로 쿼리하는 쿼리 매개변수
• 단일 페이지 또는 게시물에 플러그인의 여러 인스턴스 추가
• 사용자 지정 필터를 만들고 선택한 필터를 기반으로 결과를 표시합니다.
• 고도로 사용자 정의 가능

가격

AJAX Load More는 무료 및 프리미엄 버전으로 제공됩니다. 무료 버전에는 기본 기능이 포함되어 있고 프리미엄 버전은 여러 추가 기능의 형태로 제공됩니다. 개별 애드온을 구매하거나 단일 사이트에 대해 149달러부터 시작하는 모든 프리미엄 확장 번들을 구매할 수 있습니다.

2. 무한 스크롤을 잡아라

Catch Infinite Scroll 은 또 다른 인기 있는 WordPress용 무한 스크롤 플러그인입니다. 플러그인은 매우 가볍고 최소한이며 설정이 매우 쉽습니다.

이 플러그인에는 모든 기능이 포함되어 있지는 않지만 매우 효과적입니다. 몇 번의 클릭으로 작업을 완료하고 수많은 사용자 정의 옵션이 없어도 상관없는 플러그인을 원하는 사람이라면 이 도구가 적합합니다.

Catch Infinite Scroll은 사전 구성되어 제공되며 사용자의 구성이 필요하지 않습니다. 플러그인을 설치하는 순간부터 사이트에서 무한 스크롤을 즐길 수 있습니다.

사용자 정의 측면에서 무료 버전은 제공할 것이 많지 않습니다. 스크롤 또는 추가 로드 버튼 중에서 선호하는 로드 방법만 선택하고 로더 아이콘에 대해 원하는 이미지를 선택할 수 있습니다. 그러나 프리미엄 버전을 사용하면 글꼴 크기, 패밀리, 색상을 변경하고 더 로드 버튼 등을 사용자 지정할 수 있습니다.

대체로 가장 사용자 정의 가능한 도구는 아니지만 이 플러그인은 비교할 수 없는 단순성을 제공합니다. 사용하기 쉬운 최소한의 것을 원하고 작업이 완료되면 Catch Infinite Scrolling이 최선의 방법입니다.

특징

• 사용하기 매우 쉽습니다.
• 매우 가벼우므로 사이트 성능에 전혀 영향을 미치지 않습니다.
• 더 로드 버튼과 무한 스크롤 중에서 선택
• 기본 사용자 정의 옵션만 있는 미니멀리즘
• 끝에 맞춤 메시지 표시
• 모든 테마와 잘 어울립니다.

가격

Catch Infinite Scroll은 프리미엄 플러그인입니다. 무료 버전은 모든 핵심 기능을 다루지만 추가 사용자 지정 옵션이 필요한 경우 단돈 24.99달러에 프로 버전을 얻을 수 있습니다.

3. YITH 무한 스크롤

최고의 무한 스크롤 플러그인 중 하나는 YITH Infinite Scrolling입니다. 보풀이나 지나치게 복잡한 기능을 추가하지 않고 무한 스크롤을 위한 모든 핵심 기능을 제공합니다. 이렇게 하면 작업을 단순하게 유지하면서 작업을 완료할 수 있습니다.

이 도구의 구별되는 기능은 동일한 페이지의 여러 섹션에 무한 스크롤을 추가하는 기능입니다. 리뷰, 후기, 블로그에 무한 스크롤을 추가하고 섹션별로 스크롤 옵션을 설정할 수 있습니다.

스크롤 옵션과 관련하여 사용 가능한 기본 사전 설정에서 로더 스타일을 선택할 수 있습니다. 페이징 유형을 페이지 매김, 무한 스크롤 또는 추가 로드 버튼으로 설정합니다. 원하는 로딩 애니메이션 등을 선택할 수도 있습니다.

또한 사용자가 다음 페이지로 스크롤하면 URL이 자동으로 업데이트됩니다. 이렇게 하면 업데이트된 URL을 사용하여 사용자를 특정 섹션으로 직접 보낼 수 있습니다. 마지막으로 YITH Infinite Scrolling 은 WPML과 호환되므로 다른 언어로 쉽게 번역할 수 있습니다.

특징

• 섹션에 무한 스크롤을 추가하고 각 섹션에 대해 개별적으로 옵션을 설정합니다.
• 사용 가능한 기본 사전 설정 세트에서 로더 스타일 선택
• 페이징을 일반 페이지 매김으로 설정하고 추가 또는 무한 스크롤 로드
• 7가지 다른 애니메이션에서 로딩 효과 설정
• 페이지 URL이 자동으로 업데이트됩니다.
• WPML 호환

가격

YITH Infinite 스크롤링은 프리미엄 플러그인이며 1년의 업데이트 및 지원과 함께 연간 59.99달러부터 시작합니다. 또한 제품에 만족하지 못할 경우 30일 환불 보증을 받을 수 있습니다.

4. 제트팩

5백만 개 이상의 활성 설치가 있는 Jetpack by Automattic (WordPress 제작자)은 가장 인기 있는 무한 스크롤 플러그인 중 하나입니다 . 사이트의 다양한 측면을 개선할 수 있는 훌륭한 만능 도구입니다.

다른 많은 기능과 함께 Jetpack에는 아카이브 페이지에 대한 무한 스크롤을 활성화하는 옵션이 있습니다. 일반 페이지 매김, 추가 로드 버튼 또는 무한 스크롤 중에서 선택할 수 있습니다. 멋진 사용자 정의 옵션이 없더라도 효과적으로 작업을 수행합니다.

무한 스크롤 외에도 Jetpack은 사이트의 보안, 성능, 디자인 및 마케팅에 도움이 되는 훌륭한 도구입니다. 이를 최대한 활용하는 방법에 대한 자세한 내용은 WordPress용 Jetpack 전체 가이드를 확인하세요.

특징

• 모든 WordPress 요구 사항을 충족하는 올인원 플러그인
• 페이지 매김, 추가 로드 버튼 및 무한 스크롤 중에서 선택하는 옵션이 있는 무한 스크롤
• 사이트를 지속적으로 모니터링하여 보안 강화
• 사이트 가속기 및 이미지 지연 로딩으로 성능 향상
• 간소화된 게시 환경으로 매력적인 콘텐츠 작성
• 콘텐츠의 도달 범위를 늘리는 공유 옵션
• 댓글을 통해 방문자와 토론 가능
• 사이트의 트래픽을 모니터링하고 검색 엔진 결과의 가시성을 극대화하기 위한 분석

가격

Jetpack은 프리미엄 플러그인입니다. 무료 버전은 모든 핵심 기능을 포함하며 대부분의 사이트에서 충분할 수 있습니다. 고급 사용자의 경우 프리미엄 플랜은 연간 지불 시 월 9.95 USD부터 시작합니다. 또한 30일 환불 보증을 제공합니다.

5. WooCommerce에 대한 더 많은 제품 로드

Load More Products by BeRocket 은 WooCommerce 전용 무한 스크롤을 위한 최고의 플러그인 중 하나입니다. 이 도구는 몇 가지 사용자 정의 옵션과 함께 모든 핵심 기능을 다룹니다. WooCommerce 전용 플러그인이므로 WordPress 블로그 및 기타 페이지에서는 작동하지 않습니다.

이 플러그인을 사용하면 탐색 모드를 페이지 매김, 더 로드 버튼 또는 무한 스크롤로 설정할 수 있습니다. 모바일 장치에 대한 다양한 탐색 스타일을 선택하고 페이지당 제품을 제한하고 고유한 로더 아이콘을 설정합니다. 또한 URL은 표시되는 각 페이지에 대해 업데이트되지만 선택 해제할 수도 있습니다.

사용자 지정 옵션으로 이동하여 더 로드 버튼을 완전히 개인화하고 이전 페이지로 돌아가기 위해 이전 로드 버튼을 추가할 수 있습니다. 페이지 끝에 맞춤 메시지를 추가하고 로딩 텍스트를 변경할 수도 있습니다. 또한 JavaScript 후크 및 사용자 정의 CSS를 추가하여 스타일을 추가할 수 있습니다.

마지막으로, 더 많은 제품 로드는 이미지 및 썸네일에 대한 지연 로드 기능도 있습니다. 지연 로딩은 페이지 로드가 아닌 사용자가 해당 이미지에 도달했을 때만 이미지가 로드됨을 의미합니다. 이는 페이지 로딩 시간을 줄여 사용자 경험, SEO 및 사이트 속도를 향상시킵니다. 전체 사이트 또는 모바일 장치에서만 지연 로드를 활성화할 수 있습니다.

특징

• 페이지 매김, 추가 로드 및 무한 스크롤 옵션 중에서 선택
• 모바일 장치에 대해 다른 탐색 방법 선택
• 추가 버튼 로드, 이미지 및 텍스트 로드
• 사용자 정의 코딩을 추가하는 JavaScript 후크
• 40개 이상의 애니메이션이 포함된 사진 및 썸네일의 지연 로딩
• 콘텐츠 끝에 도달했을 때 사용자를 위한 맞춤 메시지

가격

WooCommerce를 위한 더 많은 제품 로드 는 무료 및 유료 버전으로 제공됩니다. 무료 버전에는 기본 기능이 포함되어 있습니다. 고급 사용자 정의 옵션의 경우 단일 사이트에 대해 34 USD부터 시작하는 프리미엄 계획을 얻을 수 있습니다. 모든 프리미엄 플랜에는 30일 환불 보장이 포함되어 있어 제품이 마음에 들지 않으면 환불받을 수 있습니다.

6. WooCommerce 무한 스크롤 및 AJAX 페이지 매김

WooCommerce Infinite Scroll 및 AJAX Pagination 은 WooCommerce용으로 개발된 최고의 무한 스크롤 플러그인 중 하나입니다. 이 도구를 사용하면 AJAX 페이지 매김, 추가 로드 버튼 및 탐색을 위한 무한 스크롤 중에서 선택할 수 있습니다. 또한 데스크탑 및 모바일 장치에 대해 다른 탐색 방법을 선택할 수 있습니다.

무한 스크롤 외에도 이 플러그인은 WooCommerce 썸네일을 느리게 로드하는 기능도 있습니다. 이렇게 하면 썸네일이 페이지 로드가 아닌 사용자가 아래로 스크롤할 때만 로드되므로 서버 리소스를 절약하고 사이트 속도를 향상시키는 데 도움이 됩니다.

이 도구는 최소한의 설정이 필요하며 작업하기 쉬운 매우 최소한의 인터페이스를 제공합니다. 마지막으로 고객 지원이 훌륭하므로 문제가 발생하면 빠르고 유용한 답변을 얻을 수 있습니다.

특징

• AJAX 페이지 매김, 추가 버튼 로드 및 무한 스크롤의 3가지 페이지 매김 방법 제공
• 모바일 장치에 대해 다른 페이징 유형을 설정하는 기능
• WooCommerce 썸네일의 지연 로딩
• 페이지당 제품 제한, 자리 표시자 이미지, 애니메이션 등 변경
• 우수한 고객 지원

가격

WooCommerce Infinite Scroll and Pagination은 17 USD와 6개월 지원으로 얻을 수 있는 프리미엄 플러그인입니다. 추가 지원을 원하는 경우 10.50 USD를 추가하면 12개월로 연장할 수 있습니다.

7. 애니메이션 무한 스크롤

Animated Infinite Scroll 은 Sbthemes 에서 개발한 우수한 플러그인입니다. WordPress 사이트는 물론 WooCommerce, BuddyPress 등과 같은 플랫폼과도 원활하게 작동하는 다목적 도구입니다.

세 가지 페이징 방법(AJAX 페이지 매김, 추가 버튼 로드 및 무한 스크롤)을 제공하며 모바일 장치에 대해 선호하는 방법을 선택할 수 있습니다. 또한 플러그인은 무제한 페이지에서 작동하므로 최대 한도에 도달하는 것에 대해 걱정할 필요가 없습니다.

사용자 정의 측면에서 Animated Infinite Scroll 은 130개 이상의 애니메이션 스타일과 함께 여러 사용자 정의 옵션을 제공합니다. 또한 사용자 정의 테마로 작업할 수 있는 사용자 정의 선택기 옵션이 제공되며 로더 버튼에 사용자 정의 클래스를 추가하여 스타일을 사용자 정의할 수도 있습니다.

마지막으로, 이 플러그인은 깨끗한 인터페이스를 제공하고 설정이 매우 쉬우며 우수한 고객 지원을 제공합니다.

특징

• 3가지 탐색 방법: AJAX 페이지 매김, 추가 로드 및 무한 스크롤
• 모바일 장치에 대해 다른 페이징 방법 선택
• 무제한 페이지에서 작동
• 130가지 이상의 애니메이션 스타일
• 스타일 지정을 위해 로더 버튼에 사용자 정의 클래스 추가
• WooCommerce, BuddyPress 및 기타 플랫폼에서 작동
• 우수한 고객 지원

가격

Animated Infinite Scroll은 Envato 시장에서 6개월 지원과 함께 미화 15달러에 사용할 수 있는 프리미엄 플러그인입니다. 8.75 USD를 추가하면 이 지원을 12개월로 연장할 수도 있습니다.

결론

대체로 무한 스크롤은 특히 모바일 및 기타 터치 스크린 장치의 경우 보다 직관적인 탐색으로 사이트의 사용자 경험을 향상시키는 좋은 방법입니다.

사용자가 스크롤할 때 콘텐츠가 자동으로 계속 로드되기 때문에 사용자의 참여를 유지하고 결과적으로 사이트에 더 오래 머물게 됩니다. 더 나은 사용자 경험과 결합된 더 높은 사용자 참여는 이탈률을 줄이고 사이트의 SEO를 향상시킵니다.

이 기사에서는 WordPress용 무한 스크롤을 위한 최고의 플러그인 목록을 공유했습니다. 그러나 이 중 어느 것이 당신에게 가장 적합합니까? 이 질문에 대한 대답은 매우 주관적이며 자신의 요구 사항과 선호도에 따라 결정됩니다.

우리의 권장 사항

AJAX Load More 는 목록에 있는 무한 스크롤을 위한 최고의 플러그인 중 하나입니다. 그것은 당신이 당신의 자신의 단축 코드를 만들고 당신의 사이트의 어느 곳에나 배치할 수 있게 함으로써 당신에게 완전한 자유를 줍니다. 기술 지식이 많지 않은 사용자는 설정하기 어려울 수 있습니다. 이 경우 AJAX 추가 로드를 사용하여 무한 스크롤을 설정하는 단계별 가이드를 확인하는 것이 좋습니다.

반면에 사용할 준비가 되어 있고 작업을 완료하는 플러그인을 원한다면 Catch Infinite Scrolling 이 가장 좋습니다. 사전 구성되어 제공되며 한 번의 클릭으로 설정할 수 있습니다. YITH Infinite Scrolling 은 또한 더 많은 사용자 정의 옵션을 제공하는 단순하지만 기능이 풍부한 플러그인이므로 좋은 선택입니다.

또는 전용 WooCommerce 플러그인이 필요한 경우 BeRocket의 WooCommerce 용 더 많은 제품 로드를 선택하세요. 이 기능이 가득한 도구는 WooCommerce 매장을 위해 특별히 제작되었으며 판매를 높이는 데 도움이 됩니다.

마지막으로 Automattic 의 Jetpack 은 대부분의 WordPress 요구 사항을 처리하는 올인원 플러그인입니다. 사이트의 성능, 보안을 관리하고 동시에 무한 스크롤을 추가할 수 있는 도구를 찾고 있다면 Jetpack이 적합한 플러그인입니다.

WordPress/WooCommerce 사이트에서 무한 스크롤을 설정한 적이 있습니까? 어떤 플러그인을 사용하셨나요? 어떤 도구를 포함해야 합니까? 아래 의견에 알려주십시오.