# 홈페이지 꾸미기 4

## 동영상

**1️⃣ 새로운 섹션 추가하기**

마우스를 편집 영역 위에 올려두고 그때 위, 아래로 뜨는 '새로운 섹션 추가하기' 버튼을 눌러주세요 !

<figure><img src="/files/5P7XNsHLO9hkGDO9AbEc" alt=""><figcaption></figcaption></figure>

새로운 섹션 추가하기를 눌러줬을 때 뜨는 화면입니다. \
동영상을 선택하고 레이아웃 스타일을 선택하고 추가해줍니다.

<figure><img src="/files/AQ7w9PydjkJOBgui2FXo" alt=""><figcaption></figcaption></figure>

**2️⃣ 제목/내용 텍스트 정렬**

여기서 입력하는 제목/내용은 동영상 상단에 들어가는 텍스트 입니다.\
좌측/중앙정렬을 설정할 수 있습니다.

<figure><img src="/files/kZMQ60TyVdLNe3nE7nbg" alt=""><figcaption></figcaption></figure>

**3️⃣ 배경색**

배경색은 화이트,블랙,그레이,직접선택 4가지 옵션에서 선택하실 수 있습니다.\
직접 선택 옵션 선택 시, 자유롭게 컬러를 지정하실 수 있습니다.

<figure><img src="/files/doP6rYRANvDpA9IHVt0g" alt=""><figcaption></figcaption></figure>

<div align="left"><figure><img src="/files/KuSdieIbonTY6Xq14aUt" alt="" width="375"><figcaption></figcaption></figure></div>

**3️⃣ 아이템 텍스트/버튼 정렬**

동영상은 한줄에 최대 4개까지 추가가능하며,\
연필버튼을 누르면 동영상 파일과 썸네일 이미지를 첨부하고 수정할 수 있습니다.

<figure><img src="/files/3FnCtODueBk4A2fLb2p4" alt=""><figcaption></figcaption></figure>

<div><figure><img src="/files/LtQEh3Q8QZ4VQZZELdzI" alt=""><figcaption></figcaption></figure> <figure><img src="/files/WqvR0ZGFZ38WPYGnFRWJ" alt=""><figcaption></figcaption></figure></div>

## 지도 / 연락처

**1️⃣ 새로운 섹션 추가하기**

마우스를 편집 영역 위에 올려두고 그때 위, 아래로 뜨는 '새로운 섹션 추가하기' 버튼을 눌러주세요 !

<figure><img src="/files/cclF0l4ruIZrqGokEYGl" alt=""><figcaption></figcaption></figure>

새로운 섹션 추가하기를 눌렀을 때 뜨는 화면입니다. \
지도/연락처를 선택하고 레이아웃 스타일을 선택하고 추가해줍니다.

<figure><img src="/files/LvrzCWtw51XCIkQnggai" alt=""><figcaption></figcaption></figure>

**2️⃣ 지도/연락처 Layout Style**

1️⃣번에서 레이아웃을 선택한 후 확인을 누르면 좌측에 설정화면이 뜹니다.\
설정했던 레이아웃 스타일은 이 화면에서 변경이 가능하니 걱정마세요 !

<figure><img src="/files/iw9lylXPbsjRNKbtAewC" alt=""><figcaption></figcaption></figure>

**3️⃣ 제목 텍스트 정렬**

지도/연락처 상단에 표시되는 제목을 입력해주세요.\
좌측/중앙정렬 설정이 가능합니다.

<figure><img src="/files/fTFo9bFSaqCI8nEoCZST" alt=""><figcaption></figcaption></figure>

**4️⃣ 배경색**

배경색은 화이트,블랙,그레이,직접선택 4가지 옵션에서 선택하실 수 있습니다.\
직접 선택 옵션 선택 시, 자유롭게 컬러를 지정하실 수 있습니다.

<figure><img src="/files/I8JsDRCTxkrCGLLT71gW" alt=""><figcaption></figcaption></figure>

<div align="left"><figure><img src="/files/uOPDeoaaCuLEVVM9Frui" alt="" width="375"><figcaption></figcaption></figure></div>

**5️⃣ 아이템 텍스트/버튼 정렬 - 주소 위치 찾기**

주소를 검색하고, 상세주소를 입력해주세요.\
입력된 주소를 좌측/중앙 정렬 설정이 가능합니다.

<figure><img src="/files/aMEGg8ZEny12Wcz0hX55" alt=""><figcaption></figcaption></figure>

<div align="left"><figure><img src="/files/bBU7Af2BMGKql8GZNFDE" alt="" width="375"><figcaption></figcaption></figure></div>

**6️⃣ 아이템 텍스트/버튼 정렬 -전화번호,시간**

전화번호와 운영 시간을 입력해주세요.

<figure><img src="/files/tDTImNBBQyAmU33ymMlT" alt=""><figcaption></figcaption></figure>

***


---

# 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://didisam.gitbook.io/administrator-guide/preparation-edu/homepage/decorating-homepage4.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.
