Blogger | 페이지 당 게시글이 몇 개밖에 나오지 않을 때 해결방법(점프브레이크)

갑자기 블로그에 게시글이 몇 개밖에 안 나온다면?
저는 현재 구글 블로그를 사용중인데요, 언제부터인가 블로그 메인 게시글이 3~4개 밖에 나오지 않는 현상이 이어졌고, 메인뿐만 아니라 메뉴 페이지도 똑같은 현상이 나타나더라구요~
제가 해외에서 만든 무료 테마(스킨)를 쓰고 있기 때문에 그것 때문에 문제가 생긴건가 싶어 레이아웃 설정이나 HTML쪽을 체크해봤지만 문제점을 찾지 못 했는데요, 구글링을 한 끝에 결국 해결법을 찾았습니다.
이번 포스팅에서는 그 방법에 대해 알려드리려고 해요~!

페이지 당 게시글이 몇 개밖에 나오지 않는다?

(왼쪽)설정한대로 보여지는 게시물 / (오른쪽)설정한 개수보다 적게 나오는 게시물

원래 제 블로그 메인에는 왼쪽 사진처럼 게시글이 10개씩 나오도록 설정이 되어 있었습니다.
그런데 어느 순간부터 3~4개밖에 나타나지 않았고, 심지어 포스팅을 올릴때마다 그 개수가 달라지는현상이 계속 이어지더라구요~ 메인뿐만 아니라 메뉴(카테고리)를 눌러봐도 마찬가지였죠.
그래서 일단 게시물 수 설정을 체크해봤어요.

✅'기본 페이지의 게시물 수' 설정하기

관리페이지: 레이아웃 >> MAIN 레이아웃의 블로그 영역의 '수정'을 클릭.
그러면 '블로그 게시물 구성'이라는 팝업창이 뜨는데요, 이곳에서 '기본 페이지의 게시물 수'를 설정할 수 있어요~ 살펴보니 10개로 잘 설정 되어져 있었어요.

흠...그렇다면 이번엔 카테고리 메뉴인 '링크목록 구성'을 살펴봅니다. 

✅ '링크목록 구성' 설정 확인하기

링크목록 구성

관리페이지: 레이아웃 >> 'Menu' 영역에 '수정' 클릭!
각각의 메뉴의 Edit를 눌러 URL란에 최대 게시물 수를 설정할 수 있는 부분('&max-results=10')을 확인해보니  페이지당 최대 포스팅 개수도 10개로 잘 설정되어 있었습니다.
+) 메뉴링크 제작 및 설정에대해 더 알고 싶은 분들은 이곳(메뉴 만들기)포스팅을 참고하세요!

의심 사항을 체크했지만 정상적으로 설정이 되어져 있었어요.
남은 방법은 뭐...검색해봐야죠..?ㅎ

해결법은 점프 브레이크(jump-break)!

처음엔 그냥 '구글 블로그 게시물 개수'라고 검색했는데, 역시나 저와같은 현상은 찾지 못 했어요. 하지만 저는 이럴때 짧은 영어를 동원하여 해외 게시물도 찾아봅니다. 아무래도 구글 블로거 유저가 한국보다 많기 때문이죠!

관련 문제 검색 결과

'blogger Number posts main' 이런식으로 아무렇게나 막 검색 해봤어요. 그러다 실마리를 찾을 수 있는 포스팅 발견!
대충 이게 내가 찾고 있는 글 같은데 빨리 못 알아먹으니 답답하다...이럴땐 번역 기능을 활용하면 편합니다!ㅎㅎ 오른쪽 마우스를 눌러 '한국어(으)로 번역' 클릭!

번역된 검색 페이지

번역이 그런대로 잘 나옵니다.
여러개의 게시글 중 'Blogger 템플릿이 페이지 당 7개 이상의 게시물을 표시하지 않습니다.'라는 질문글이 눈에 띄었고, 마침내 '점프브레이크(jump break)'라는 기능으로 해결할 수 있다는걸 알게 되었어요. 그리고 좀 더 찾아본 결과 Blogger가 페이지 당 올바른 게시물 수를 표시하지 않는 이유에대해서도 알 수 있었습니다!

구글블로그(Blogger)는 블로그의 로딩 시간을 줄이기 위해 "자동 페이지 매김" 이라는 메커니즘을 도입했습니다. 이 메커니즘은 페이지로드가 심한 경우 페이지 당 Blogger 항목을 적게 표시합니다.(출처)

아 어쩐지...사진이 많이 들어가 있는 게시물이 많아서 페이지 로드가 심해졌나봐요.ㅠ
어쨌든 이를 해결 할 '꼼수'가 바로 점프브레이크라는 것인데요, 저도 구글 블로그를 시작할 때 편집기능 파악하면서 봤던 기능이지만, 한 번도 쓴 적이 없어 잘 몰랐는데 이번 기회를 통해서 제대로 알게 됐어요!

점프-브레이크(jump break)란?

점프브레이크란 글을 일부만 보이게 하는 글줄임 기능인데요, 글 편집에서 점프 브레이크를 추가하면 점프 브레이크 전에 내용(텍스트)이 표시된다고 합니다.
무슨 말인지는 밑에 사진을 보면 바로 아실겁니다.ㅎ

(왼쪽)점프브레이크 삽입 전 / (오른쪽)점프브레이크 삽입 후

테스트 블로그를 만들어 예시를 만들어 보았어요. 차이점이 눈에 보이시죠?
점프브레이크를 삽입하면 오른쪽 사진처럼 삽입한 점프브레이크를 기준으로 그 이전의 콘텐츠들만 보여지게 되고, 그 다음에 나오는 콘텐츠들은 숨겨지게 됩니다. 그리고 끝에는 "자세한 내용 보기"라는 텍스트 링크 즉, 더보기 링크가 생성됩니다.
간혹 어떤 블로그 중에는 왼쪽 사진처럼 글 전체 내용이 쭉~ 나열되는 블로그들이 있는데, 요즘에는 다 오른쪽 처럼 목록화되어서 나오는 것 같아요.



제 템플릿도 목록화되어 있는 템플릿이긴한데 게시물이 제대로 안 나오는걸 보니 자동으로 글줄임이 되는건 아닌가봐요. 그래서 각각의 포스팅에 점프브레이크를 적용시켜 보기로 했어요!

글 편집에서 '점프브레이크(jump break)' 적용하기

문단 아래 점프브레이크를 넣은 모습

게시글에 '편집'을 클릭하여 편집모드로 들어갑니다.
상단 편집 도구 메뉴를 보면 이모티콘 바로 옆에 찢어진 문서 아이콘이 있는데요, 이게 바로 '점프브레이크(jump break)'아이콘 입니다.
원하는 곳에 커서를 놓고 '점프브레이크(jump break)'를 클릭해주세요. 저는 사진이 시작되기 전 첫 문단 끝에 삽입해 주었어요. 그러면 점선과 함께 회색바가 생기는데요, 이 점프브레이크 아래 내용은 건너뛰게 되는거에요~ HTML모드에서는 <!--more--> 이라고 표시됩니다.
업데이트를 눌러 수정사항을 저장합니다.

추가 업데이트: blogger가 업데이트 되면서 점프브레이크 아이콘이 한 일(一)자로 변경되었습니다.

새로운 점프브레이크 아이콘

점프브레이크 아이콘이 안 보인다면?

• PC: 편집 모드가 "새 글 작성 보기" 모드로 되어있는지 확인(HTML모드에선 안 보임), 창이 최대화 되어있는지 확인(창을 줄여놓았을 경우 옵션 더보기(…)를 눌러 점프브레이크(一) 찾기)
• 모바일: 편집 모드가 "새 글 작성 보기" 모드로 되어있는지 확인(HTML모드에선 안 보임), 상단 메뉴바를 왼쪽으로 밀어 점프브레이크(一) 찾기

(왼쪽) 점프브레이크 삽입 후 / (오른쪽) 점프브레이크 삽입 전

짠~!
사진 많고 내용이 긴 글들에 점프브레이크를 적용시켜 주었더니 몇 개 밖에 나오지 않던 목록 개수가 추가되었습니다. 혹시나 내가 설정한 목록 개수보다 게시글이 적게 나온다면, 점프브레이크와 페이지 로딩을 줄일 수 있는 몇 가지 방법들을 시도해보세요!

✅ "자동 페이지 매김"이 발생하지 않도록 로딩 시간을 줄이려면?

• Blogger의 "After the Jump"기능 (더 자세히 읽으십시오)을 더 긴 글에서 사용하십시오.
• 이미지 크기 줄이기 / 이미지 최적화. Photoshop, GIMP 또는 무료 온라인 이미지 최적화 서비스와 같은 소프트웨어를 사용할 수 있습니다.
• 불필요한 위젯을 제거하십시오. 많은 위젯은 더 많은 문제를 일으킬 것입니다.
내용출처

이미지 크기 줄이는건 저도 하고 있는거네요~ㅎ
이렇게 하면 홈페이지를 깨끗하게 유지하고 더 많은 페이지 뷰를 생성할 수 있다고 합니다.
하지만 점프브레이크도 한계가 있는지 사진이 많으니 게시글이 적정 수 이상은 안 늘어 나더라구요. 그래도 최대한 글목록 개수를 늘이길 원하시는 분들은 저 방법대로 실행해보시기 바랍니다.