이 블로그에는 GeneratePress 프리미엄 버전을 적용하였고 Site Library에서 기본 제공되는 테마 중 Marketer를 선택했다.
워드프레스 꼭 비싼 테마를 사는 것이 좋을까
Site Library로 블로그 디자인 쉽게 하는 방법
테마는 기본 디자인도 괜찮았고 유료 테마답게 모든 기능을 이용할 수 있었는데, 문득 페이지를 넘기는 페이지네이션 버튼에서 특이점을 발견하였다.
PC 버전에서는 전체 버튼 메뉴가 화면 왼쪽에 쏠려 있는 점을 제외하면 기능에 이상은 없었다. 하지만 모바일에서 블로그에 접속했을 때 [Next] 버튼과 일부 숫자가 잘려서 보이지 않는 문제가 있었다. (위에서 5를 눌러도 6이 나오지 않는다)
버튼이 잘려 있으면 방문자는 특정 카테고리 글을 계속 탐색할 수 없다. 물론 이 블로그에는 본문 영역에 [카테고리 글 더 보기] 목록을 추가하기는 했는데 그래도 Next 버튼이 없으면 방문자가 불편하다고 느낄 수 있고 자칫하면 블로그 이탈로 이어질 수 있는 부분이라고 본다.
GeneratePress GenerateBlock 설치 이유와 방법
GeneratePress hook으로 관련 글 목록 만드는 방법
사실 인터넷을 검색하거나 AI에게 물어보면 페이지네이션 폭을 모바일 화면에 맞게 수정하는 방향으로 문제는 해결할 수 있다. 하지만 번거로워서 아예 아카이브 페이지 설정을 해지하기로 했는데 이렇게 하면 워드프레스 기본 디자인의 페이지가 적용된다.
우선 워드프레스 대시보드 – Appearance – Elements로 온 다음 Blog/archive loop template 목록이 보이면 Edit 버튼을 클릭하자.
이어서 화면을 내리면 블로그에 해당 템플릿 적용 위치를 설정하는 Display Rules 메뉴가 있다. 이중 Location에 Entire Site라고 되어 있는 곳 옆의 X 버튼 클릭 후 저장하면 된다.
참고로 아래 Add Location Rule을 누르면 헤더, 포스트, 푸터 등 원하는 위치를 설정할 수 있다.
이후 블로그 모바일 버전에 접속해 보면 페이지네이션 버튼과 숫자가 제대로 기능하는 것을 볼 수 있다. GeneratePress 테마의 아카이브나 다른 페이지에 문제나 이상이 있다면 위처럼 적용 해지하고 워드프레스 기본 상태로 사용하는 것도 나쁘지 않다.
워드프레스 마스터 가이드
워드프레스 블로그를 시작하게 된 이유
워드프레스 시작은 공유 호스팅도 충분한 이유
점점 수익을 만들기 어려운 티스토리는 접는 것이 답인가
