[개발][Ghost] 메뉴(Navigation) 가이드: 태그(Tag)와 페이지(Page) 연결하기

Ghost 블로그를 처음 세팅하다 보면 가장 헷갈리는 부분이 상단 메뉴(Navigation)에 내가 쓴 글을 어떻게 모아서 보여주는가?이다.

Ghost는 워드프레스와 달리 카테고리라는 개념 대신 태그(Tag)를 사용하며, 글(Post)과 페이지(Page)의 주소 체계가 다르다. 오늘 설정하며 알게 된 두 가지 연결 방식을 정리한다.

1. 주제별 글 모음 연결하기 (예: Tech Diary)

블로그 글(Post)들을 특정 주제별로 모아서 메뉴에 걸고 싶을 때는 태그(Tag) 기능을 이용해야 한다.

1단계: 태그 생성 및 적용

1. 글을 작성할 때 우측 사이드바의 Tags 입력란에 원하는 태그(예: Tech Diary)를 입력한다.
2. 글을 발행(Publish)하면 Ghost가 자동으로 해당 태그의 목록 페이지를 생성한다.
3. 이때 생성되는 URL 구조는 **/tag/태그이름/**이 된다.

2단계: 네비게이션 설정

• 경로: Settings → Navigation
• Label: Tech Diary
• URL: /tag/tech-diary/

주의: 태그를 연결할 때는 반드시 URL 앞에 **/tag/**가 붙어야 한다.

2. 고정 페이지 연결하기 (예: About)

자기소개나 이력서처럼 날짜와 상관없이 고정된 문서는 **페이지(Page)**로 만든다.

1단계: 페이지 생성

1. 관리자 대시보드에서 Posts가 아닌 Pages 메뉴로 들어간다.
2. New page를 눌러 'About' 페이지를 작성하고 발행한다.
3. 우측 사이드바에서 Page URL을 확인한다. (보통 about)

2단계: 네비게이션 설정

• 경로: Settings → Navigation
• Label: About
• URL: /about/

주의: 페이지(Page)는 태그가 아니므로 URL 앞에 /tag/가 붙지 않는다. 그냥 /페이지주소/ 형식을 쓴다.

3. 요약

Ghost의 네비게이션(메뉴) URL 규칙은 이 두 가지만 기억하면 된다.

이제 Settings -> Navigation 메뉴에서 원하는 대로 메뉴를 구성하고 순서를 드래그해서 바꾸면 끝이다.