> 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개의 영역은 모든 컨텐츠 페이지에 기본적으로 들어간다.

![](/files/-LQIkW6c5_9SEL-gbOuI)

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

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

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

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

![](/files/-LQIi8jzIwtTp1HhpD2V)

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

![](/files/-LQIlvRhVz2YZOxpLvbm)

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

## 제목 아이템 편집

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

![](/files/-LQIozDNm3tHMYrCFU1O)

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

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

![](/files/-LQIp8YtV1Kf9jibh2UC)

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

![](/files/-LQIqR5xGOpzio4psUqU)

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

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

### 아이템 추가 버튼

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

![](/files/-LQIvjL_P6l7T8RxLRpE)

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

![](/files/-LQIwNoVjjf61wCfJrlk)

### 아이템 삭제 버튼

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

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

![](/files/-LQIxmynEqoO3bx3pl4K)

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

![](/files/-LQIyOF5h8JF9X2RY9tM)

### 아이템 복사 버튼

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

![](/files/-LQIwyLDx9_S7csQezb7)

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

![](/files/-LQIzAsKO5T5Qtg9CHQr)

## 텍스트 아이템 편집

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

![](/files/-LQJ0YqiZPqL--IXTtTV)

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

![](/files/-LQJ17w_C10pTowiHHEI)

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

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

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

![](/files/-LQJ1SuJ0FqtGAb7tWuo)

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

![](/files/-LQJ2KNr7Ss8FLnStmpl)

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

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

## 이미지 아이템 편집

![](/files/-LQJ43wOspHHu6xaM-rP)

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

![](/files/-LQJ4ttCatV6Nvb2CnrL)

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

![](/files/-LQJ5F5nNpUEzkyP-ZF3)

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

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

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

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

![](/files/-LQJ7qKK_EtEmdwq3euC)

## 표 아이템 편집

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

![](/files/-LQJ9pNjerxhjatzTp75)

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

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

![](/files/-LQJAN2-PljqOJmN222s)

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

![](/files/-LQJB_v03vlA1QhBaXJl)

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

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

![](/files/-LQJC348xWX2IBMHXsux)

표에 내용을 입력해보자.

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

![](/files/-LQJCh_QmcmR0dHMMsar)

## 아이템 위치 변경

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

![](/files/-LQJFZsG0xgtSM7LLRyp)

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

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

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

![](/files/-LQJIfX3ynJxCE1WLQ1q)

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

![](/files/-LQJJO8X5fmYHuOGuXYK)

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

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

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

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

![](/files/-LQJJyNwOhpbhn1sFrO7)

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

![](/files/-LQJLiVgH6-S5_I-No4i)