깃헙로그 같은 카테고리 내에서 글 이동하기
업데이트:
카테고리: githublog
/태그: category, pagination
같은 카테고리 내에서 글 이동하기
기본적으로 글에서 이전 / 다음으로 움직일 때는 전체 글을 기준으로 움직이게 된다.
그래서 같은 카테고리내에서 움직이게 하기 위해서 포스트를 변수에 저장한다.
페이지의 카테고리를 cat에 저장하고 카테고리의 포스트 리스트를 cat_list로 담아둔다.
포스트 리스트를 for문으로 하나씩 꺼내서 현재 페이지의 동일한 포스트를 구하면 이전과 다음 인덱스를 달아둔다.
제목과 함께 이전 / 다음글을 표시하기 위해서 float: left을 없애고 display: flex 와 flex-direction: column 으로 세로 정렬을 하였다.