WordPress에 무한 스크롤을 추가 하시겠습니까?

Facebook의 뉴스 피드보다 더 중독성있는 것이 있습니까? 내 말은, 나는 이 튜토리얼을 작성하기 위해 여기 앉아 있지만 이 중독성 기능은 계속해서 스크롤됩니다....다시...다시.

이 기능은 Facebook에서 사용하는 기능입니다. " 무한 스크롤 "또는" 무한 스크롤 "뉴스 피드 버튼을 클릭하거나 " 다음의 "또는" 자세히보기 ", 페이지를 아래로 스크롤하면 내용이 계속로드됩니다.

WordPress에 무한 스크롤 추가

그리고 무엇을 추측합니까? 무한 스크롤을 추가하여 WordPress 블로그에서 동일한 효과를 얻을 수 있습니다.

이 튜토리얼에서는 무한 스크롤의 장단점에 대해 설명하고 WordPress 블로그에서 무한 스크롤을 설정하는 방법을 보여줍니다.

그러나 이전에 WordPress discover를 설치 한 적이 없다면 워드 프레스 블로그 7 단계를 설치하는 방법 et 어떻게 찾아 설치하고 블로그에 워드 프레스 테마를 활성화하려면 

그런 다음 왜 우리가 여기 있는지 다시 돌아옵니다.

무한 스크롤의 장점

많은 대형 브랜드가 무한 스크롤링을 실험 해 왔기 때문에 데이터를 검토 할 수 있다는 이점이 있습니다. 다음은 소셜 네트워크에서 경험 한 몇 가지 이점입니다.

그런데 발견 Divi에서 스크롤 텍스트를 만드는 방법

  • 더보기 -NBC 뉴스는 유선 사용자가 무한 스크롤링으로 방문당 ​​20 % 더 많은 페이지를 방문한다는 사실을 발견했습니다. 마찬가지로 " 공연 시간 "또한 사용자의 21 %가 무한 스크롤로 나머지 콘텐츠를 선택했습니다.
  • 이탈률이 매우 낮습니다  - " 공연 시간 또한 무한 스크롤을 선택했을 때 15 % 이탈률이 감소했습니다.
  • 개선 된 사용자 경험 -그것으로 모두가 동의합니다. 일부 전문가들은 무한 스크롤 UX는 사용자의 콘텐츠 노출을 높여 사용자가 클릭을 줄이면서 더 나은 모바일 환경을 제공하도록합니다.

이러한 최고 브랜드와 동일한 결과를 얻을 것이라고 확신 할 수는 없지만 블로그 게시물이 많으면 스크롤링이 확실히 좋은 옵션이 될 것입니다.

발견 하위 디렉토리에 WordPress를 설치하는시기와 방법

대부분의 소셜 네트워크는 이와 같은 이유로 무한 스크롤에 의존합니다.

무한 스크롤의 단점

무한 스크롤로 모든 것이 항상 장미 빛은 아닙니다. 고려해야 할 몇 가지 잠재적 인 부정적인 점이 있습니다.

  • 없음 바닥 글 없다 -무한 스크롤을 선택하면 바닥 글에서 잃게됩니다. 바닥 글에 더 많은 정보를 제공하려면 큰 핸디캡이 될 것입니다. 예를 들어 바닥 글을 사용하여 제휴사 정보를 표시하는 경우 해당 정보를 표시하는 새로운 방법을 찾아야합니다.
  • 스크롤바를 수신 거부하면 나쁜 경험이 발생합니다  -웹 사이트가 아직 로딩 중이기 때문에 로딩 바의 길이가 변경 될 가능성이 매우 높으며, 이로 인해 읽은 내용을 잃어 버려 사용자 경험이 나빠질 수 있습니다.
  • "완성"의 의미가 없음 -이건 풍음이 아닙니다. Nielsen 연구원은 사용자가 페이지 끝에 도달했을 때 완성 감을 느낀다는 것을 발견했습니다. 무한 스크롤은 이것을 불가능하게 만듭니다.

또한 "장점"섹션에서 똑같이 중요한 블로그 게시물이 많을 때 무한 스크롤이 좋습니다. 그 반대도 마찬가지입니다.

이 기사에서 참조하십시오 WordPress에서 "임시 폴더 누락"오류를 수정하는 방법

상품이 중요하지 않은 경우 (예를 들어 일부 기사에는 최대 2.000 단어가 있고 일부 기사에는 300 단어 만 있습니다), 무한 스크롤은 확실히 귀하의 웹 사이트에 좋은 생각이 아닙니다.

어떻게 워드 프레스에 무한 스크롤을 추가

WordPress에서 무한 스크롤을 추가하려면 "라는 이름의 무료 플러그인을 사용할 수 있습니다 더 아약스 로더 ". 이 플러그인은 기능을 향상시킬 수있는 수많은 프리미엄 확장 기능을 제공하지만 무료 버전은 웹 사이트에 무한 스크롤을 추가하기에 충분해야합니다.

컨설팅을 통해 더 나아가십시오 워드 프레스의 자바 스크립트 : AJAX 사용 사례

기본 플러그인은 페이지에 추가하는 짧은 코드를 생성하여 작동합니다. 이 페이지는 블로그 게시물을 무한 스크롤로 표시합니다. 과정 전반에 걸쳐 완료해야 할 몇 가지 다른 작은 단계가 있습니다. 모든 것을 제자리에 두는 방법은 다음과 같습니다.

설치 및 플러그인의 구성

"를 찾을 수 있습니다 더 아약스 로더 » 디렉토리에서 워드 프레스 플러그인. 다른 플러그인과 마찬가지로 플러그인을 설치하고 활성화하십시오.

활성화되면 새로운 옵션이 표시됩니다. " 아약스로드 더 ". "로 이동 Ajax 더로드> → 리피터 템플릿 모델을 만들려면

« 귀하의 모델> 중계기 무한 스크롤에서 기사가 표시되는 방식을 정의하는 템플릿입니다. 변경할 수는 있지만 약간의 PHP를 알아야합니다. 그러나 대부분의 사용자에게는 기본 템플릿이 적합합니다.

건설 - 던 - 모델 - 워드 프레스

유일하게 중요한 점은 기본 "Repeater"템플릿은 전체 기사가 아닌 기사 발췌 만 표시한다는 것입니다. 전체 기사를 표시하려면 " the_excerpt () "와" the_content () ".

PHP를 알고 있으면이 모델을 계속 사용자 정의 할 수 있습니다. 그렇지 않으면 모델을 " 연발총 기본적으로

에 대한 기사를 읽으십시오 블로그에서 가격표를 작성하는 9 개의 WordPress 플러그인

여기에서 구성 할 수있는 항목이 많이 있습니다. 무한 스크롤에 표시되는 내용과 동작 방식을 변경할 수있는 옵션이 있습니다.

이 기사의 모든 가능성을 말할 수는 없지만 여기에 분명히 채우고 싶은 상자가 있습니다.

  • post_type -기본값은 기사 만 포함하는 것입니다. 그러나 사용자 정의 페이지 또는 게시물 형식을 포함 할 수도 있습니다.
  • 범주 -특정 카테고리 만 포함하거나 특정 카테고리를 제외 할 수 없습니다.
  • 저자 -이것은 특정 저자를 위해 무한 스크롤을 추가 할 수있는 흥미로운 기능입니다.
  • posts_per_page - " 더 아약스 로더 새로 고칠 때마다 충전해야합니다.
  • 중지 -확실히 중요한 요소입니다. 진정한 무한 스크롤의 경우 여기에서 "false"로 설정해야합니다. 그렇지 않으면 사용자가 클릭하여 다른 기사를 불러 와야합니다.
  • 스크롤 -중요한 것은 사용자가 페이지를 아래로 스크롤 할 때 기사가 자동으로로드되도록이 기능을 활성화하는 것입니다.

또한 우리의 발견 팟 캐스터를위한 5 가지 WordPress 테마

모든 것이 구성되면 단축 코드 페이지의 오른쪽에 :

복사 - 단축 코드 - 아약스 - 로더 - 더

무한 스크롤을 표시 할 페이지에이 단축 코드를 추가하기 만하면됩니다. 예를 들어 ""라는 페이지에 추가 할 수 있습니다. 블로그 기본 블로그 페이지로 만듭니다.

프리미엄 워드 프레스 플러그인도 만나보세요  

당신은 다른 것을 사용할 수 있습니다 워드 프레스 플러그인 현대적인 외관을 제공하고 블로그 또는 웹사이트의 처리를 최적화합니다.

우리는 여기에 당신을 도울 수있는 프리미엄 WordPress 플러그인을 제공합니다.

1. Youtube & Vimeo 페이지 매김 갤러리

이 프리미엄 WordPress 플러그인은 완벽하게 구성 가능한 많은 기능을 갖춘 반응 형 모바일 갤러리입니다. YouTube 재생 목록, 키워드의 비디오를 표시하거나 Vimeo의 앨범, 채널, 그룹 또는 키워드로 검색 할 수 있습니다. 그리드는 여러 가지 방법으로 개인화 할 수 있습니다. 라이트 박스 갤러리는 댓글을 포함하여 동영상의 모든 세부 정보가 포함 된 플레이어를 표시 할 수 있습니다.

Youtube Vimeo 페이지 매김 갤러리 플러그인 WordPress에

이 WordPress 플러그인은 단축 코드를 사용하여 모든 게시물 또는 페이지 영역에서 사용하거나 PHP 페이지에서 직접 사용할 수 있습니다. 필요한 것은 새 갤러리를 만들고, 예를 들어 YouTube 채널 ID를 추가하고, 단축 코드를 생성하는 것입니다. 동일한 페이지에서 여러 갤러리를 사용할 수 있습니다.

다운로드 | 데모 | 웹 호스팅

2. 무한한 WooCommerce 스크롤과 Ajax 페이지 매김

WooCommerce Infinite Scroll 및 Ajax 페이지 매김은 워드프레스 플러그인 (WooCommerce) 기본 제품 페이지 매김을 무제한 스크롤 또는 Ajax 페이지 매김으로 변환하는 데 도움이 되는 프리미엄. 사용자가 페이지를 아래로 스크롤하면 다음 제품 페이지가 자동으로 검색되고 추가됩니다. 이것은 그가 '다음 페이지'를 클릭 할 필요가 없음을 의미합니다. 

WooCommerce 무한 스크롤 아약스 매김

무제한 스크롤 대신 "추가로드"버튼을 추가하거나 기본 페이지 매김을 유지하고 Ajax 페이지 매김으로 변환 할 수도 있습니다.

읽기 : 귀하의 웹 사이트에 양식을 삽입하는 5 WordPress 플러그인

또한 대형 화면 장치에 대한 무제한 스크롤 및 모바일 장치에 대한 "추가로드"버튼과 같은 모바일 장치에 대한 다양한 유형의 페이징을 설정할 수 있습니다.

다운로드 | 데모 | 웹 호스팅

3. 슬라이더 혁명

Slider Revolution은 콘텐츠를 아름답게 표시하는 혁신적이고 반응적인 WordPress 회전식 플러그인입니다. 슬라이더이든 회전식 슬라이드이든 그의 비주얼 에디터 드래그 앤 드롭 예를 들어 회사의 역사, 최고의 제품, 최고의 기사 등을 강조 할 수 있습니다.

최고의 슬라이더 WordPress 플러그인-슬라이더 혁명

우리는 또한 당신이 우리를 발견 초대 디지털 다운로드 관리를위한 9 Easy Digital Downloads 플러그인

그 기능은 다음과 같습니다 : 뛰어난 슬라이드 생성 인터페이스, 드래그 앤 드롭 슬라이드 디자인, 완벽하게 반응하는 레이아웃, 멀티미디어 컨텐츠의 완벽한 관리, 최적화 된 성능, 다국어 지원, 거의 340개의 그래픽 요소, 다양한 슬라이드쇼 템플릿 제공, 대부분의 호환성 워드 프레스 테마, 우수한 고객 지원, 터치 스크린 지원, 무료 및 정기 업데이트, 설명서 및 비디오 자습서 등이 있습니다.

다운로드 | 데모웹 호스팅

추천 자료

웹 사이트 구축 및 관리에 도움이되는 기타 권장 리소스에 대해 알아보십시오.

결론

그게 다야! 이 튜토리얼의 모든 것이 끝났습니다. 이제 WordPress 블로그에서 무한 스크롤을 설정할 수 있습니다. 주저하지 마십시오 좋아하는 소셜 네트워크에서 친구들과 공유

그러나 귀하는 우리와 상담 할 수 있습니다. 능숙, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작.

제안이나 의견이 있으면 섹션에 남겨주세요 commentaires.

...