> For the complete documentation index, see [llms.txt](https://help.reflow.cx/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.reflow.cx/minipage/header.md).

# 헤더

## 헤더 블록 이해하기 <a href="#what_is_header" id="what_is_header"></a>

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FMUJBMCpQrRRhPIYOpjNz%2Fimage.png?alt=media\&token=bef9943c-be40-485e-895a-00456caf147d)

많은 웹사이트의 화면을 살펴보면, 보통 페이지의 맨 위에는 제목과 함께 방문자의 눈길을 끄는 커버 이미지가 삽입되어 있는 것을 볼 수 있습니다. 미니페이지의 **헤더** 블록이 이와 비슷한 역할을 합니다. 헤더 블록을 통해 페이지의 표시 제목을 수정하고 커버 이미지를 넣을 수 있습니다.

헤더는 미니페이지의 맨 위에 표시되며, 다른 블록과 달리 숨길 수 없습니다.

## 헤더 꾸미기 <a href="#customizing_header" id="customizing_header"></a>

헤더에서 바꿀 수 있는 부분은 **표시 제목**과 **커버 이미지**의 두 곳입니다.

### 표시 제목 수정 <a href="#editing_display_title" id="editing_display_title"></a>

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FyvIoqSrToTmazAQd4eR0%2Fimage.png?alt=media\&token=57540b38-4122-4a5e-bf64-932f741f76df)

1\. 헤더 블록의 커버 이미지 아래에 있는 표시 제목 입력란을 찾아 커서를 위치시킵니다.

2\. 원하는 텍스트를 입력합니다.

3\. **`[변경사항 저장]`** 버튼을 클릭합니다.

{% hint style="info" %}
우리가 방금 수정한 **표시 제목**은 페이지의 **제목**과는 다릅니다. 둘의 차이에 대해서는 [이곳](https://support-49.gitbook.io/reflow/minipage/getting-started/edit-your-pages#edit_title)을 참고하세요.
{% endhint %}

### 커버 이미지 수정 <a href="#editing_cover_image" id="editing_cover_image"></a>

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FVgpXngN410qsaeT7bpNP%2Fimage.png?alt=media\&token=5f4577e6-2e81-4d14-a19b-1a226549ce0f)

1\. 커버 이미지 영역의 **`[커버 이미지 추가]`** 버튼을 클릭합니다. 기존 커버 이미지가 있을 경우, 이 버튼의 이름은 **`[커버 이미지 변경]`**&#xC73C;로 표시됩니다.

2\. 파일 탐색기에서 원하는 이미지 파일을 선택합니다.

3\. 원하는 이미지가 커버로 설정된 것을 확인한 뒤, **`[변경사항 저장]`** 버튼을 클릭합니다.

{% hint style="info" %}
삽입된 커버 이미지는 원래 이미지 크기와 상관 없이 가로세로 2:1 비율로 표시됩니다. 이때 비율에 맞지 않는 부분은 잘려나가 표시되지 않습니다. 권장하는 커버 이미지의 크기는 724 x 362 픽셀입니다.
{% endhint %}

### **커버 이미지 삭제** <a href="#deleting_cover_image" id="deleting_cover_image"></a>

![](https://2000423017-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFSxFmxcoMOpMm34CDMh5%2Fuploads%2FfXf4E4dm1gQmkPqriShN%2Fimage.png?alt=media\&token=107a2859-5f1e-4454-a89c-7fd15867be22)

1\. 커버 이미지 영역의 왼쪽 아래에 있는 **`[이미지 삭제]`** 버튼을 클릭합니다. 실수로 삭제했을 경우, **`[되돌리기]`** 버튼을 클릭합니다.

2\. **`[변경사항 저장]`** 버튼을 클릭합니다.
