> 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/edit_type1_content.md).

# 자유형 컨텐츠 편집하기

## 자유형 컨텐츠 페이지

{% hint style="info" %}
자유형 (Type 1) 컨텐츠는 제목, 텍스트, 이미지, 표 등 4가지 요소로 다양한 형태의 컨텐츠를 비교적 자유롭게 표현할 수 있는 컨텐츠 구조이다.
{% endhint %}

Type 1 (자유형) 컨텐츠 페이지에 내용을 넣어보자.

{% hint style="info" %}
본 매뉴얼의 '[새 컨텐츠 페이지 만들기](https://datatriple.gitbook.io/guidezang/create_new_content_page)'에서 만든 Type 1의 빈 컨텐츠 페이지에서 시작한다. 
{% endhint %}

빈 페이지기 때문에 머리글, 바닥글, 페이지제목 등 3가지 영역만 표시된다. 이 3개의 영역은 모든 컨텐츠 페이지에 기본적으로 들어간다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIgj9p8SlOUyuj8GIi%2F-LQIkW6c5_9SEL-gbOuI%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%92%E1%85%AE%206.26.57.png?alt=media\&token=318558b9-58bc-4d3e-9932-d5b61c9470b7)

머리글과 바닥글은 표지 페이지에서만 편집 가능하다. 머리글과 바닥글 영역을 클릭해도 편집 모드로 바뀌지 않는다.

페이지 제목은 수정 가능하며 클릭해서 원하는 텍스트를 입력하면 된다.

'공개/비공개' 버튼 왼쪽에 '컨텐츠타입: Type 1' 이라고 현재 컨텐츠 페이지의 타입이 표시된다.

안내장 오른쪽에 아이템 추가 버튼이 보인다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIgj9p8SlOUyuj8GIi%2F-LQIi8jzIwtTp1HhpD2V%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%92%E1%85%AE%206.12.31.png?alt=media\&token=6ab66046-fbd9-4fee-b17b-fd26179208bc)

마우스를 아이템 추가 버튼위에 가져가면 삽입 가능한 4개의 아이템 추가 버튼이 표시된다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIgj9p8SlOUyuj8GIi%2F-LQIlvRhVz2YZOxpLvbm%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%92%E1%85%AE%206.34.55.png?alt=media\&token=a499e7f5-bdee-41bf-9094-e3d212c07ab9)

위에서부터 제목 , 텍스트 , 이미지 , 표 아이템을 추가할 수 있는 버튼이다.

## 제목 아이템 편집

제목 추가 버튼을 클릭하면 제목 아이템이 추가된다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIokqRrWaw2FygYLHq%2F-LQIozDNm3tHMYrCFU1O%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%92%E1%85%AE%206.40.58.png?alt=media\&token=2efdbcc5-575a-4187-8d22-5bc943a708a0)

추가된 제목 아이템 영역을 클릭해 보자.

편집 가능한 상태로 바뀌며, 영역 하단에 몇개의 아이콘 버튼들이 표시된다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIokqRrWaw2FygYLHq%2F-LQIp8YtV1Kf9jibh2UC%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%92%E1%85%AE%206.46.45.png?alt=media\&token=f76a670a-a2e7-46be-9293-538c1acedc0d)

내용을 '일정 및 참여 대상'으로 변경하고, ESC키를 입력하거나 좌우 여백 부분을 클릭하여 편집모드에서 빠져 나온다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIokqRrWaw2FygYLHq%2F-LQIqR5xGOpzio4psUqU%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%92%E1%85%AE%206.55.45.png?alt=media\&token=d5a99223-0d14-40ad-aea7-d21704cd8e94)

## 아이템 편집 메뉴 (버튼)

아이템을 클릭하면 아이템 영역 하단에 표시되는 5개의 아이콘 버튼을 아이템 편집 매뉴 또는 아이템 편집 버튼이라고 한다.

### 아이템 추가 버튼

아이템 추가 버튼을 클릭해보자.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIvBfb3bbxAUeKvmRm%2F-LQIvjL_P6l7T8RxLRpE%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%92%E1%85%AE%207.18.53.png?alt=media\&token=d134fcbc-ea0b-41a9-b2c0-809c265d5669)

현재 아이템과 동일한 아이템이 바로 아래 추가된다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIvBfb3bbxAUeKvmRm%2F-LQIwNoVjjf61wCfJrlk%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%92%E1%85%AE%207.20.58.png?alt=media\&token=8b95694e-9b67-4f6a-a02b-b63e8c13e455)

### 아이템 삭제 버튼

막 추가된 제목 아이템을 삭제해보자.

삭제하려는 제목 아이템을 선하고, 아이템 삭제 버튼을 클릭한다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIvBfb3bbxAUeKvmRm%2F-LQIxmynEqoO3bx3pl4K%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%92%E1%85%AE%207.25.58.png?alt=media\&token=c775b633-804f-43c3-b762-27aad39720bd)

삭제 확인 버튼 눌러주면 삭제가 된다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIvBfb3bbxAUeKvmRm%2F-LQIyOF5h8JF9X2RY9tM%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%92%E1%85%AE%207.30.29.png?alt=media\&token=2c639b41-21e3-45e6-b757-14cc628b08e5)

### 아이템 복사 버튼

아이템 복사 버튼을 클릭해보자.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIvBfb3bbxAUeKvmRm%2F-LQIwyLDx9_S7csQezb7%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%92%E1%85%AE%207.23.53.png?alt=media\&token=e9fb78ba-43b5-45ec-b58a-adbdd5de1d8e)

현재 아이템과 똑 같은 아이템이 바로 밑에 복사된다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIyvjhjbLQlvC9bW9L%2F-LQIzAsKO5T5Qtg9CHQr%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%92%E1%85%AE%207.33.57.png?alt=media\&token=857a204f-3905-41f8-8ba0-e51876ae00f9)

## 텍스트 아이템 편집

텍스트 아이템 추가 버튼을 클릭해보자.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIyvjhjbLQlvC9bW9L%2F-LQJ0YqiZPqL--IXTtTV%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%92%E1%85%AE%207.42.55.png?alt=media\&token=51d05c89-129e-4644-b139-ea18db733c9f)

제목 아이템 아에 텍스트 아이템이 추가 되었다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIyvjhjbLQlvC9bW9L%2F-LQJ17w_C10pTowiHHEI%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%92%E1%85%AE%207.46.06.png?alt=media\&token=2b7ca0d8-1852-478f-b8c6-6775b46a5dde)

이제 텍스트 아이템의 텍스트 내용을 변경해보자.

텍스트 아이템을 클릭하면 편집 모드로 바뀐다.

하단의 편집 아이콘 버튼들의 기능 및 사용은 제목 아이템과 동일하다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIyvjhjbLQlvC9bW9L%2F-LQJ1SuJ0FqtGAb7tWuo%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%92%E1%85%AE%207.48.15.png?alt=media\&token=13efe9e1-0785-491d-a6cf-f701ecc6899c)

내용을 입력한 후 ESC키를 입력하거나 좌우 여백 부분을 클릭하여 편집모드에서 빠져 나온다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIyvjhjbLQlvC9bW9L%2F-LQJ2KNr7Ss8FLnStmpl%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%92%E1%85%AE%207.51.58.png?alt=media\&token=b2714ed5-aaf2-45e0-a6a9-d5825986085b)

{% hint style="info" %}
제목 아이템도 여러 줄 입력 가능하다. 
{% endhint %}

{% hint style="info" %}
목 아이템과 텍스트 아이템의 차이는 제목 아이템은 글자 크기가 크고 두꺼운 글씨체라는 점이다. 그 외에는 동일하다.
{% endhint %}

## 이미지 아이템 편집

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQIyvjhjbLQlvC9bW9L%2F-LQJ43wOspHHu6xaM-rP%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%92%E1%85%AE%207.58.36.png?alt=media\&token=4e8b9997-809d-4334-918d-3c6c8d2e343d)

이미지 아이템 추가 버튼을 클릭하면 맨 아래에 이미지 아이템이 추가된다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQJ4rYc6gPW4gq9hyur%2F-LQJ4ttCatV6Nvb2CnrL%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%92%E1%85%AE%208.03.13.png?alt=media\&token=87ae7831-1232-49d6-ae41-4f971f8d2c69)

이미지 아이템을 클릭하면 편집 모드로 바뀐다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQJ4rYc6gPW4gq9hyur%2F-LQJ5F5nNpUEzkyP-ZF3%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%92%E1%85%AE%208.04.49.png?alt=media\&token=d972379a-8723-4889-8867-75f75eeef414)

업로드할 이미지 파일을 끌어서 이미지 아이템 영역에 놓으면 이미지가 업로드된다.

파일의 사이즈나 네트웍 속도에 따라 업로드 시간이 조금 걸릴 수 있다.

업로드가 완료되면 업로드된 이미지가 표시된다.

업로드 되는 이미지는 안내장 이미지 영역의 가로폭에 맞추어 자동으로 크기가 조정된다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQJ7oBJY9P9NzUR139t%2F-LQJ7qKK_EtEmdwq3euC%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%92%E1%85%AE%208.16.05.png?alt=media\&token=ac6a7588-3137-44d4-9f1d-9aa96ec4a252)

## 표 아이템 편집

표 아이템 추가 버튼을 클릭해보자.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQJ7oBJY9P9NzUR139t%2F-LQJ9pNjerxhjatzTp75%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%92%E1%85%AE%208.22.21.png?alt=media\&token=6da83925-d05a-416d-8466-d62652f83df4)

표 아이템 추가 버튼을 클릭하면 표의 행과 열의 갯수를 입력 받는 입력창이 표시된다.

추가되는 표의 행과 열의 갯수는 표가 생성되기 전에 미리 결정되어야 한다. 표가 생성된 후에는 변경 수 없다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQJ7oBJY9P9NzUR139t%2F-LQJAN2-PljqOJmN222s%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%92%E1%85%AE%208.26.38.png?alt=media\&token=5cdb59f4-eb46-442c-a340-987e8aaf8032)

원하는 행 갯수와 열 갯수를 입력하고 '삽입' 버튼을 클릭한다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQJ7oBJY9P9NzUR139t%2F-LQJB_v03vlA1QhBaXJl%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%92%E1%85%AE%208.32.02.png?alt=media\&token=251af4ed-e850-42fd-a31c-786662dee954)

3개의 행과 2개의 열을 가진 표 아이템이가 추가되었다

표 영역을 클릭하면 편집 모드로 전환된다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQJ7oBJY9P9NzUR139t%2F-LQJC348xWX2IBMHXsux%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%92%E1%85%AE%208.34.34.png?alt=media\&token=d37fc65a-f030-4f3b-a1a7-ffc810e58e6c)

표에 내용을 입력해보자.

열(Column)의 폭은 조절 가능하다. 열의 경계선을 마우스 잡아 끌면 열의 폭이 바뀐다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQJ7oBJY9P9NzUR139t%2F-LQJCh_QmcmR0dHMMsar%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%92%E1%85%AE%208.37.21.png?alt=media\&token=3afe02d9-be30-4c50-9115-91a7e18d4eee)

## 아이템 위치 변경

제목, 텍스트, 이미지, 표 등 4개의 아이템이 추가되었다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQJFHjcF1iigvezIowT%2F-LQJFZsG0xgtSM7LLRyp%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%92%E1%85%AE%208.49.59.png?alt=media\&token=3e09273f-c9ea-4284-84fa-9398a526fabc)

이미지 아이템의 위치를 맨위 (페이지 제목 바로 아래)로 이동해 보자.

아이템 편집 버튼들 중 맨 왼쪽에 있는 버튼 (6개점이 있는 버튼)이 이동 버튼이다.

이 이동 버튼을 마우스로 잡은 상태에서 끌면 이미지 아이템 전체가 움직인다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQJFHjcF1iigvezIowT%2F-LQJIfX3ynJxCE1WLQ1q%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%92%E1%85%AE%208.56.42.png?alt=media\&token=643f6d03-e698-46f3-b857-82ae0f2d61c4)

이미지 아이템을 맨 위로 이동하자.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQJJBomf4VcryWHUalT%2F-LQJJO8X5fmYHuOGuXYK%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%92%E1%85%AE%209.05.53.png?alt=media\&token=183ce44d-06bd-4b7a-a657-d08f83216fa1)

표 아이템과 텍스트 아이템 사이에 제목 아이템을 추가하고, 내용을 '세부 내용'이라고 입력한다.

{% hint style="info" %}
특정 위치에 새로운 아이템을 추가하려면, 추가할 아이템이 삽입될 바로 위 아이템을 선택한 상태에서 아이템 추가 버튼을 클릭하면 현재 선택된 아이템 바로 아래에 새 아이템이 추가된다.

또 다른 방법은 아무 아이템이 선택되어 있지 않은 상태에서 아이템 추가 버튼을 클릭하면 맨 아래에 새 아이템이 추가된다. 이제 추가된 아이템을 원하는 위치로 끌어서 이동하면 된다.
{% endhint %}

페이지 제목도 '행사 소개'로 변경하자.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQJJBomf4VcryWHUalT%2F-LQJJyNwOhpbhn1sFrO7%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%92%E1%85%AE%209.09.10.png?alt=media\&token=1f0d9e52-eb64-47bb-8f05-444fa883bc0b)

완성된 자유형 컨텐츠 페이지의 전체 편집 화면이다.

![](https://2920684913-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPz86mcvG-7utLVboBv%2F-LQJJBomf4VcryWHUalT%2F-LQJLiVgH6-S5_I-No4i%2Fscreencapture-app-guidezang-guidebooks-edit-5bdaeb6339edde753b4fdfdc-contents-5bdba9747bfa3529ac000593-2018-11-02-21_16_40.png?alt=media\&token=b34b2d54-1adf-4c19-b200-d8ebe59969f2)