> For the complete documentation index, see [llms.txt](https://datatriple.gitbook.io/guidezang/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://datatriple.gitbook.io/guidezang/create_new_content_page.md).

# 새 컨텐츠 페이지 만들기

## 샘플 컨텐츠를 복사해서 새 컨텐츠 페이지 만들기

새 컨텐츠를 페이지를 만들어 보자.

표지 페이지에서 메뉴 버튼 영역에 있는 새 컨텐츠 페이지 추가 버튼을 클릭한다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQH4M5JEmTURIzWComf%2F-LQGwmeIv_EBpjtCzitQ%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202018-11-02%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2010.01.52.png?alt=media\&token=fe0009cd-b10c-4fe2-96d0-860beb2cc931)

가이드짱은 사용자의 편의를 위해서 이미 만들어진 샘플 컨텐츠 페이지를 제공한다.

현재 10개의 샘플 컨텐츠 페이지가 준비되어 있다. 이 10개의 샘플 컨텐츠 페이지는 샘플가이드북에 포함되어 있는 컨텐츠 페이지들과 동일하다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQH4M5JEmTURIzWComf%2F-LQGy8NbzcKirEc_aQOi%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202018-11-02%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2010.07.30.png?alt=media\&token=9f1c5a06-af7e-40a6-8f80-19619f003c4b)

맨위 왼쪽에서 2번째 '태국소개' 아이콘을 클릭해보자. 

아이콘을 클릭하면 표지 페이지에 '태국소개'라는 제목의 메뉴 버튼이 한 개 추가된다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQH4M5JEmTURIzWComf%2F-LQH3xue48q9vV1_9shE%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202018-11-02%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2010.15.10.png?alt=media\&token=f9d119da-9eb1-4ea5-a1e8-6245ec22723b)

'태국소개' 메뉴 버튼을 클릭하면 새로 생성된 컨텐츠 페이지 화면으로 전환된다. 빈 페이지가 아니가 이미 내용이 들어가 있는 것을 확인할 수 있다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQH4M5JEmTURIzWComf%2F-LQH-SLRD9b41MNv7ada%2Fscreencapture-app-guidezang-guidebooks-edit-5bdaeb6339edde753b4fdfdc-contents-5bdba5037bfa3529ac0000a2-2018-11-02-10_17_51.png?alt=media\&token=eb582fa4-a39d-4c8d-bc98-22350742d2f9)

## 빈 컨텐츠 페이지 생성하기

가이드짱 사용에 익숙해지면 원하지 않는 내용으 가득찬 컨텐츠 페이지가 귀찮아 질 것이다.

빈 컨텐츠 페이지를  만들어 보자.

컨텐츠 페이지 추가 팝업 창에서 하단에 '컨텐츠타입에서 선택하세요' 버튼이 있다. 이 버튼을 클릭해보자.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQH4M5JEmTURIzWComf%2F-LQH0_8Aq0E7DjZxR-yU%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202018-11-02%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2010.07.30.png?alt=media\&token=4ef0c374-b265-49ef-94e8-8a76652ff7c6)

컨텐츠 타입 1, 타입 2, 타입 3 등 3가지 컨텐츠 타입 중 하나를 선택할 수 있다.

{% hint style="info" %}
컨텐츠 타입의 종류에는 3가지가 있다. 자유형 컨텐츠 (타입 1), 일정형 컨텐츠 (타입 2), 아이템형 컨텐츠 (타입 3). 보다 상세한 컨텐츠 페이지의 구조에 대한 설명은 본 매뉴얼의 '모바일 안내장의 구조'를 참조하기 바랍니다.
{% endhint %}

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQH4M5JEmTURIzWComf%2F-LQH16JnfZ_tAOPgnPg5%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202018-11-02%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2010.27.16.png?alt=media\&token=c1dd3f4c-5d97-4377-8eb8-1a84a78b2838)

Type 1을 클해 보자. 표지 페이지에 새로운 메뉴 버튼이 추가된 것을 확인할 수 있다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQH4M5JEmTURIzWComf%2F-LQH2nx9OalMyVqvgYGL%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202018-11-02%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2010.33.55.png?alt=media\&token=9691d64e-8e47-4759-b403-2a0bca9c39ae)

지금 생성된 메뉴 버튼을 클릭해보자.

머리글, 바닥글, 페이지 제목 이외에는 아무 컨텐츠 없는 컨텐츠 페이지 화면을 확인할 수 있다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQH4M5JEmTURIzWComf%2F-LQH391g7X5HCIhw3LSC%2Fscreencapture-app-guidezang-guidebooks-edit-5bdaeb6339edde753b4fdfdc-contents-5bdba9747bfa3529ac000593-2018-11-02-10_36_09.png?alt=media\&token=b9c24bc1-5b2d-4db4-b0fe-1e2f4ab4aa09)