> 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>

![](/files/iPtVC5hNyKs8ESsYYRAm)

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

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

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

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

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

![](/files/fqy2wbXoxv8L8RSZFN7w)

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>

![](/files/XaVUiSHyBTS4WBExKJnU)

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

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

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

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

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

![](/files/M4GatjJ4P27qZUKR5F8y)

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

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