워드프레스 테마, PressBook Grid Blogs 무한스크롤 하기
워드프레스 테마 중에 PressBook Grid Blogs 은 목록의 무한 스크롤(infinite scrolling)을 자체 지원하지 않는다. 다음 버튼을 누르지 않고 무한 스크롤하게 하려면 어떻게 해야할까?
PressBook Grid Blogs 테마
PressBook Grid Blogs 테마는 글 목록을 사진 갤러리 형태를 만들어준다.
PressBook Grid Blogs 테마의 무한 스크롤 하기
PressBook Grid Blogs 테마는 무한 스크롤을 지원하지 않고, 워드프레스 플러그인으로 가능하다.
Jetpack 플러그인
공식적으로 지원한다고 하는 플러그인은 Jetpack 이다.
Jetpack 플러그인 옵션 중에서 무한 스크롤을 켜면 된다.
YITH Infinite Scrolling 플러그인
YITH Infinite Scrolling 플러그인에 테마의 html 값을 지정해서 무한 스크롤을 시킬 수 있다.
PressBook Grid Blogs 테마에서 페이지 네비게이션의 태그를 찾아서 넣어서 성공했다.
워드프레스 관리자화면에서 YITH Infinite Scrolling 설정에 아래 값을 저장하면 된다.
| Navigation Selector | nav.navigation.pagination |
| Next Selector | nav.navigation.pagination a.next.page-numbers |
| Item Selector | div.pb-col-md-6.pb-col-lg-4.pb-grid-post-col |
| Content Selector | content |
마치며
PressBook Grid Blogs 테마를 사용하는 사이트에서 무한 스크롤이 안 됐는데, Jetpack 플러그인은 무겁다. 그래서 나는 Jetpack 플러그인을 사용하지 않는다.
infinite scrolling 플러그인을 모두 설치해봤는데 실패했다.
YITH Infinite Scrolling 플러그인으로 성공했다. 다만 우커머스의 shop 은 유료를 구입해야한다.
제휴 링크로 구매 시 제휴마케팅 활동의 일환으로 일정액의 수수료를 지급받아 콘텐츠를 제작하는데 큰 도움이 됩니다.
도움이 되셨다면, 댓글이나 소중한 커피 한 잔 부탁드려도 될까요?
커피 사주기
관련 글
당신이 좋아할 만한 글
스마트주식계산기
성공적인 주식투자를 위한 다양한 주식계산기: 손익률, 손익단가, 매수량, 물타기/불타기 평단가, 평단가 필요자금, 매도가, 퍼센트 등등
성공적인 주식투자를 위한 다양한 주식계산기: 손익률, 손익단가, 매수량, 물타기/불타기 평단가, 평단가 필요자금, 매도가, 퍼센트 등등
