Info 테마 Archive 페이지 설정 방법

GeneratePress Info 테마를 처음 설치하면 카테고리별 글을 모은 Archive 페이지가 자동으로 설정된다. 페이지 포스트의 썸네일과 설명 글은 컴퓨터, 태블릿 PC에서 가로로 2개 나오고 모바일에서는 1개로 고정된다.

대시보드 – Appearance – Elements에 오면 이미 설정된 Archive template을 찾을 수 있다. 만약 가로 글 구성을 바꾸려면 화면 왼쪽 List View에서 Query나 Lpper, Loop Item을 선택한 뒤, 오른쪽 Block 메뉴에서 Layout을 조정하면 된다.

그런데 이렇게 일일이 설정하면 번거로우니 아래 간편한 방법으로 진행하면 좋다.

대시보드 – Pages로 가면 Home 요소가 있다. Home에는 블로그 메인을 뉴스 매거진처럼 만드는 설정이 되어 있는데, 여기서 마음에 드는 글 목록 Container를 통째로 복사하면 된다. 위는 예시로 왼쪽 썸네일과 오른쪽 설명 글이 있는 디자인이다.

다시 조금 전 Elements의 Archive template으로 돌아온 다음, 아무 컨테이너를 클릭하고 점 세 개 – Add after나 before로 빈 공간을 만들어 보자.

화면에 paragraph가 생기고 Type / to choose a block 빈칸이 생기면 조금 전 Home에서 복사한 컨테이너를 Ctrl + V로 붙여 넣으면 위처럼 나온다. 이후 방금 붙여 넣은 컨테이너만 남기고 필요 없는 요소를 지우면 된다.

단, 페이지네이션은 지우지 말아야 방문객이 아카이브 페이지를 넘길 수 있다. 기존의 카테고리 아래를 보면 페이지네이션 카테고리가 있는데, 그대로 마우스 왼쪽 클릭 후 신규 아카이브 글 목록 아래로 드래그하면 된다.

참고로 페이지당 글 개수는 Query – 화면 오른쪽 Block – Posts per page에서 숫자로 설정할 수 있다.