# 헤더

## 헤더 블록 이해하기 <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\. **`[변경사항 저장]`** 버튼을 클릭합니다.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.reflow.cx/minipage/header.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
