워드프레스 뉴스페이퍼 테마 자동로딩, 인피니트 로딩 설정 방법

예전에 워드프레스 테마로 뉴스페이퍼 테마를 사용하다 다른 여러가지 테마를 사용 경험했습니다. 그러다 가장 빠르다는 GeneratePress테마에 정착해 오랬동안 사용해 왔습니다.

하지만 개인적으로 사이트 운영에 많은 비용이 소요되고, 사이트에서 얻어지는 수익이 극히 적어지면서 사이트 운여 비요을 최소화하고자 했습니다. 그 첫번째 조치가 바로 테마 이용비를 줄이는 것이었는데요.

GeneratePress테마는 매년 약 59달러를 지불해야 유료 기능을 사용할 수 있습니다. 반면 뉴스페이퍼 테마는 한번 지불하면 지원 패키지를 사용하지 않는다면 한번 지불한 것으로 계속 사용할 수 있고 업그레이드도 받을 수 있습니다.

2024년 12월 워드프레스 테마를 뉴스페이퍼 테마로 변경한 후 뉴스페이스의 기능들을 하나씩 살펴보고 있습니다.

오늘은 뉴스페이퍼 테마의 좋은 기능중의 하나인 자동로딩, 인피니트 로딩 설정 방법을 살펴보도록 하겠습니다. 뉴스페이퍼로 변경 후 이 기능을 적용하기 위해 위해 이런 저런 시도 끝에 어렵게 알아낸 방법입니다.

Table of contents 목차 보이기

자동로딩, 인피니트 로딩(infinite loading) 이란

블로그에서 페이지네이션 방식은 대부분 페이지에 맞는 글 리스트가 나오고 다음 페이지 리스트를 보려면 다음 페이지를 클릭해야 합니다. 수동으로 다음 페이지로 이동해야하지요.

하지만 자동로딩, 인피니트 로딩(infinite loading)기능이 있다면 마우스를 내리는대로 다음 글 리스트들이 자동으로 나타납니다.

이러한 자동로딩, 인피니트 로딩(infinite loading)은 상대적으로 사이트 트래픽을 과하게 증가시킬 수 있기는 하지만 이용자에게는 편리한 기능을 제공합니다.

이러한 자동로딩, 인피니트 로딩(infinite loading) 기능은 다음과 같은 상황에서 적용됩니다.

대부분 사이트 글을 읽고 나면 자동으로 다음에 읽을 글이 나타납니다.
- (다음 글이 나타나는 조건은 작성 순서, 연관 글 등 다양한 옵션이 있으니 설정하기 나름입니다.)
메뉴를 클릭해 특정 메뉴에 들어 왔을 시 이 메뉴에 어떤 글이 있는지 보여 줄 때 자동로딩, 인피니트 로딩(infinite loading) 기능은 마우스에 따라 자동으로 글이 계속해서 나타납니다. 다음페이지를 클릭할 필요가 없어지지요.
자동로딩, 인피니트 로딩(infinite loading) 기능 또한 서치 기능을 활성화 했을 때 찾은 글들을 계속해서 보여줍니다.

자동로딩, 인피니트 로딩(infinite loading) 설정

위 설명에서 눈치챗을지도 모르겠습니다. 자동로딩, 인피니트 로딩(infinite loading) 기능은 사이트 글에 해당하는 포스트, 카테고리 글을 보여주는 카테고리, 서치 기능 등에서 이 자동로딩, 인피니트 로딩(infinite loading) 기능을 설정해 사용할 수 있습니다.

싱글 포스트에서 자동로딩, 인피니트 로딩(infinite loading) 설정

이는 사이트 글을 읽고 나면 자동으로 다음에 읽을 글을 보여주는 자동로딩, 인피니트 로딩(infinite loading) 설정방법입니다.

워드프레스 관리자 페이지 > Cloud templates으로 이동하여 Single template 중 본 사이트 적용된 템플릿 위에 마우스를 올립니다.
3개 점으로 된 아이콘을 클릭하고 Edit with TD Composer(tagDiv 컴포저로 편집)을 선택합니다.
TD Composer(tagDiv 컴포저로 편집)화면에서 오른쪽 상단의 톰니바퀴를 클릭하면 Single template Setting 화며이 나오고 이어 여기서 Auto Loading type을 선택할 수 있다. (저는 Same category Latest(같은 카테고리이 가장 최신글)이 먼저 나오도록 세팅했습니다.)

카테고리에서 자동로딩, 인피니트 로딩(infinite loading) 설정

개인적으로 가장 원했던 기능이 바로 이 카테고리에서 자동로딩, 인피니트 로딩(infinite loading)이었습니다.

얼마나 효과가 있을지 모르지만 특정 카테고리나 특정 메뉴를 눌렀을때 자도으로 모든 글 리스트를 보여주는 기능은 매우 매력적인 기능으로 여겨졌거든요.

워드프레스 관리자 페이지 > Cloud templates으로 이동하여 category template 중 본 사이트 적용된 템플릿 위에 마우스를 올립니다. 적요된 템플렛에는 Global이란 녹색 표시가 있습니다.
3개 점으로 된 아이콘을 클릭하고 Edit with TD Composer(tagDiv 컴포저로 편집)을 선택합니다
카테고리 템플렛 편집 화면으로 들어가면 기 설정된 카테고리 템플릿 모습이 나타납니다. 여기서 페이지네이션 설정을 찾으려면 1) 카테고리 글 리스트 부분을 클릭하면 편집메뉴 등이 변경되는데요. 2) 메뉴 중 General을 선택하고 아래 메뉴를 찾다보면 3) Pagination 설정을 볼 수 있습니다. 여기서 Infinite Load를 선택합니다. 그리고 저장하면됩니다.