Home »

워드프레스 페이지 글 순서 변경하는 방법

08/27/2024

워드프레스 페이지(Pages) 기능을 활용하면 공지사항이나 특정 성격의 글을 작성해서 블로그 내 필요한 곳에 표시할 수 있어서 유용하다.

관련 글
워드프레스 페이지로 공지사항 만드는 방법 안내

위 사진에서 ‘Blog Notice’에 있는 글 목록이 페이지 글인데 아무 설정을 하지 않으면 제목의 알파벳, 가나다 순서대로 글 목록이 자동 정렬된다. 만약 페이지 글 목록이 여러 개 있을 때 원하는 순서대로 글 목록을 보이게 하려면 어떻게 변경해야 할까?

페이지 글 순서 변경하는 방법

앞서 위젯으로 페이지 목록을 설정한 경우, 워드프레스 대시보드 – 디자인(Appearance) – Widgets 이동하면 전체 글 목록을 볼 수 있다. 사실상 페이지로 작성한 모든 글이 이곳에 표기되는데 애석하게도 글마다 풀 수 없는 자물쇠로 잠겨 있어서 마우스 드래그&드롭을 통한 글 순서 변경은 불가하다.

해결 방법은 두 가지 있는데 우선 기존의 ‘Page List’ 대신 개별 글 링크를 거는 방법이다. 즉 페이지 글 목록을 보여 줄 공간(위에서는 ‘Blog Notice’)에 Paragraph (단락)을 만들어서 필요한 글 제목을 적은 뒤 관련 링크를 연결하면 된다.

글 제목 위 편집 창의 링크 아이콘을 클릭하면 입력 창이 나오는데, 직접 주소를 넣거나 기존 페이지 글 목록에서 선택할 수 있다.

수동으로 글 목록 추가와 링크 연결을 마쳤다면 원래 있던 Page List 아이템은 List View에 있는 Options(⋮) 점 세 개를 눌러서 삭제하면 된다. 이후 화면 위의 Update 버튼을 클릭하면 블로그에도 반영된다.

결과적으로 직접 추가한 글 목록이 잘 적용된 것을 볼 수 있다. 하지만 문제가 하나 있는데 링크로 추가한 글 목록과 기존의 Widget 목록의 CSS 클래스 이름이 달라서 위처럼 글 간격이 맞지 않는다.

블로그 개발자도구 검사로 CSS 요소 확인하는 방법

F12 개발자도구 검사를 하면 링크 글 목록 이름은 P로 되어 있을 텐데 이걸 수정하면 블로그 본문의 모든 P 요소도 같이 변경되어 버린다. 추가 CSS 설정이 번거롭다면 훨씬 간편한 방법이 있으니 아래 두 번째 방법을 참고해 보자.

워드프레스 대시보드 – Pages – All Pages로 오면 전체 페이지 글 목록이 있는데 개별 글의 Quick Edit 메뉴로 이동한 다음,

편집 창에 보이는 ‘Order’에 원하는 숫자를 넣으면 손쉽게 글 노출 순서를 정할 수 있다. 처음 모든 글은 0으로 되어 있는데 Order에 숫자를 넣으면 숫자가 작은 순서대로 글 목록이 나오게 된다. (음수도 적용됨)

노출을 원하는 순서에 맞게 모든 글의 Order 값을 넣으면 설정을 마칠 수 있다. (설정 완료 후 Update 버튼 클릭)