# 홈페이지 꾸미기 5

## 공지사항

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

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

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FgqQweOzmH3tPGjTCBhjv%2F%E1%84%8A%E1%85%A2%E1%86%B7%E1%84%91%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8C%E1%85%B5%20%E1%84%90%E1%85%A6%E1%84%86%E1%85%A1%E1%84%91%E1%85%A7%E1%86%AB%E1%84%8C%E1%85%B5%E1%86%B8%20_%20%E1%84%83%E1%85%A1%E1%86%AB%E1%84%8B%E1%85%B5%E1%86%AF%E1%84%92%E1%85%A7%E1%86%BC%20%E1%84%80%E1%85%A9%E1%86%BC%E1%84%8C%E1%85%B5%E1%84%89%E1%85%A1%E1%84%92%E1%85%A1%E1%86%BC.png?alt=media&#x26;token=9d2bebdf-f273-4918-ae45-28d8444a2388" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FReeZurG4Tr17jnosYdn8%2FGroup%201000000850.png?alt=media&#x26;token=284d2d5c-f47f-4701-b469-6387193fb49d" alt=""><figcaption></figcaption></figure>

**2️⃣ 공지 슬라이드 시간 설정**

공지가 넘어가는 시간을 3초 / 5초 / 7초로 설정할 수 있습니다.\
없음은 슬라이드가 자동으로 넘어가지 않고 화살표 버튼을 눌러야 넘어가는 방식입니다.

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FZ2MdM008yDQ1okc7BWuT%2F%E1%84%8A%E1%85%A2%E1%86%B7%E1%84%91%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8C%E1%85%B5%20%E1%84%90%E1%85%A6%E1%84%86%E1%85%A1%E1%84%91%E1%85%A7%E1%86%AB%E1%84%8C%E1%85%B5%E1%86%B8%20_%20%E1%84%83%E1%85%A1%E1%86%AB%E1%84%8B%E1%85%B5%E1%86%AF%E1%84%92%E1%85%A7%E1%86%BC%20%E1%84%80%E1%85%A9%E1%86%BC%E1%84%8C%E1%85%B5%E1%84%89%E1%85%A1%E1%84%92%E1%85%A1%E1%86%BC.png?alt=media&#x26;token=d016bc5b-3a24-4f49-ac3c-58f52a81e4c2" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2F0GyjPxhvpadD1RqlHoMM%2F%E1%84%8A%E1%85%A2%E1%86%B7%E1%84%91%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8C%E1%85%B5%20%E1%84%90%E1%85%A6%E1%84%86%E1%85%A1%E1%84%91%E1%85%A7%E1%86%AB%E1%84%8C%E1%85%B5%E1%86%B8%20_%20%E1%84%83%E1%85%A1%E1%86%AB%E1%84%8B%E1%85%B5%E1%86%AF%E1%84%92%E1%85%A7%E1%86%BC%20%E1%84%80%E1%85%A9%E1%86%BC%E1%84%8C%E1%85%B5%E1%84%89%E1%85%A1%E1%84%92%E1%85%A1%E1%86%BC.png?alt=media&#x26;token=f19ade1a-9eca-4ccf-9f71-a812344cc21f" alt=""><figcaption></figcaption></figure>

**4️⃣ 배경색**

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

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FBZPHkxk99t2EtD9toky5%2F%E1%84%8A%E1%85%A2%E1%86%B7%E1%84%91%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8C%E1%85%B5%20%E1%84%90%E1%85%A6%E1%84%86%E1%85%A1%E1%84%91%E1%85%A7%E1%86%AB%E1%84%8C%E1%85%B5%E1%86%B8%20_%20%E1%84%83%E1%85%A1%E1%86%AB%E1%84%8B%E1%85%B5%E1%86%AF%E1%84%92%E1%85%A7%E1%86%BC%20%E1%84%80%E1%85%A9%E1%86%BC%E1%84%8C%E1%85%B5%E1%84%89%E1%85%A1%E1%84%92%E1%85%A1%E1%86%BC.png?alt=media&#x26;token=62f9a36d-c7df-4657-84c3-59fba8062c63" alt=""><figcaption></figcaption></figure>

<div align="left"><figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FRY2wE0VGz5aWsw57FSiv%2Fdialog_dialog_default.png?alt=media&#x26;token=1fa7642b-f25b-4ed8-89f0-6031eb32580c" alt="" width="375"><figcaption></figcaption></figure></div>

**5️⃣ 공지사항 설정**

공지사항은 최대 5개까지 추가 가능하며,\
연필버튼을 누르면 공지사항 관리에서 작성했던 공지사항을 선택하여 추가하고 수정할 수 있습니다.

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FlaMCC38nxKlITvMMIaFl%2F%E1%84%8A%E1%85%A2%E1%86%B7%E1%84%91%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8C%E1%85%B5%20%E1%84%90%E1%85%A6%E1%84%86%E1%85%A1%E1%84%91%E1%85%A7%E1%86%AB%E1%84%8C%E1%85%B5%E1%86%B8%20_%20%E1%84%83%E1%85%A1%E1%86%AB%E1%84%8B%E1%85%B5%E1%86%AF%E1%84%92%E1%85%A7%E1%86%BC%20%E1%84%80%E1%85%A9%E1%86%BC%E1%84%8C%E1%85%B5%E1%84%89%E1%85%A1%E1%84%92%E1%85%A1%E1%86%BC.png?alt=media&#x26;token=58e816f8-c6f5-411b-9b90-f9e48cb90bf6" alt=""><figcaption></figcaption></figure>

<div><figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2Fr3YSZRIgU2HQKtLRZiAB%2Fdialog_dialog_default-1.png?alt=media&#x26;token=6b70bd30-814e-4b10-8331-6ab8a78bead7" alt=""><figcaption></figcaption></figure> <figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FsGBf6VzPqak8Z46BSyGL%2Fdialog_dialog_default.png?alt=media&#x26;token=e14a36d5-c954-497c-9fa3-0cd8c68eebec" alt=""><figcaption></figcaption></figure></div>

## **수강 후기**

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

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

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FgOmvRiAp3LeDK2uJo4HM%2F%E1%84%89%E1%85%AE%E1%84%80%E1%85%A1%E1%86%BC%E1%84%92%E1%85%AE%E1%84%80%E1%85%B5%20%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%8B%E1%85%A7%E1%86%A8%20%E1%84%8F%E1%85%B3%E1%86%AF%E1%84%85%E1%85%B5%E1%86%A8.png?alt=media&#x26;token=3050f68d-71a8-4590-8e6e-71a5b7e44316" alt=""><figcaption></figcaption></figure>

새로운 섹션 추가하기를 눌렀을 때 뜨느 화면입니다. \
수강후기를 선택하고 레이아웃 스타일을 선택하고 추가해줍니다.

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FLqfqo2tOVnXKR9ayDB2Y%2FGroup%201000000851.png?alt=media&#x26;token=b5f4ed2b-6599-4fc8-a7ae-d1d8179fafd6" alt=""><figcaption></figcaption></figure>

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

‘수강후기'라는 제목 텍스트의 크기와 좌측/중앙 정렬 설정이 가능합니다.

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2Fay5pBNZGcdEI6OqKaBtz%2F%E1%84%89%E1%85%AE%E1%84%80%E1%85%A1%E1%86%BC%E1%84%92%E1%85%AE%E1%84%80%E1%85%B5%20%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%8B%E1%85%A7%E1%86%A8%20%E1%84%8F%E1%85%B3%E1%86%AF%E1%84%85%E1%85%B5%E1%86%A8.png?alt=media&#x26;token=1b1a46d9-c99b-43c0-a357-88133a430bff" alt=""><figcaption></figcaption></figure>

**3️⃣ 배경색**

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

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FZbgCyTV0HDDUPlEjp38C%2F%E1%84%89%E1%85%AE%E1%84%80%E1%85%A1%E1%86%BC%E1%84%92%E1%85%AE%E1%84%80%E1%85%B5%20%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%8B%E1%85%A7%E1%86%A8%20%E1%84%8F%E1%85%B3%E1%86%AF%E1%84%85%E1%85%B5%E1%86%A8.png?alt=media&#x26;token=7139d3a1-8d54-44cd-94f1-0a2d4fc0f5c1" alt=""><figcaption></figcaption></figure>

**4️⃣ 아이템 텍스트 정렬 및 수강후기 노출 개수 설정**

수강생이 작성했던 수강후기를 반영할 수 있으며\
회원 프로필 사용/사용안함을 설정 하고, 후기의 좌측/중앙 정렬 설정도 가능합니다.

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FcfjgFmkY1VljJT9Dudg5%2F%E1%84%89%E1%85%AE%E1%84%80%E1%85%A1%E1%86%BC%E1%84%92%E1%85%AE%E1%84%80%E1%85%B5%20%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%8B%E1%85%A7%E1%86%A8%20%E1%84%8F%E1%85%B3%E1%86%AF%E1%84%85%E1%85%B5%E1%86%A8.png?alt=media&#x26;token=deba05d2-ad5e-4a17-99a8-f3b05be746e2" alt=""><figcaption></figcaption></figure>

## 푸터

**1️⃣ 푸터 영역 클릭**

푸터에 대한 내용 수정을 하고 싶다면 푸터 영역을 클릭해주세요.

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FnQCaKh7dqunHiLmqGaXr%2F%E1%84%91%E1%85%AE%E1%84%90%E1%85%A5%20%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%8B%E1%85%A7%E1%86%A8%20%E1%84%8F%E1%85%B3%E1%86%AF%E1%84%85%E1%85%B5%E1%86%A8%201.png?alt=media&#x26;token=45f4439d-f355-40c1-9f6c-256d0f099707" alt=""><figcaption></figcaption></figure>

**2️⃣ 배경색**

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

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2F5YDWJlfBx4ExXAMhsxe6%2F%E1%84%91%E1%85%AE%E1%84%90%E1%85%A5%20%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%8B%E1%85%A7%E1%86%A8%20%E1%84%8F%E1%85%B3%E1%86%AF%E1%84%85%E1%85%B5%E1%86%A8%201.png?alt=media&#x26;token=6c44f6e6-82db-43f1-bf58-4fb20bed9c7e" alt=""><figcaption></figcaption></figure>

<div align="left"><figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2F2vPDrncd1NMoXKTROQkC%2Fdialog_dialog_default.png?alt=media&#x26;token=6549de50-d6e5-40fa-9f26-079b735ff860" alt="" width="375"><figcaption></figcaption></figure></div>

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

푸터 내용의 좌측/중앙 정렬 설정이 가능합니다.

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FA9N1JV8mcAx3R1lsHOh8%2F%E1%84%91%E1%85%AE%E1%84%90%E1%85%A5%20%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%8B%E1%85%A7%E1%86%A8%20%E1%84%8F%E1%85%B3%E1%86%AF%E1%84%85%E1%85%B5%E1%86%A8%201.png?alt=media&#x26;token=8c04a990-bf8f-4ac1-a3b7-8541e5480538" alt=""><figcaption></figcaption></figure>

**4️⃣ 사업자 정보**

대표명, 주소, 전화번호, 이메일의 입력이 가능합니다.

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FZlteQUrRL5IFvM6itnO5%2F%E1%84%91%E1%85%AE%E1%84%90%E1%85%A5%20%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%8B%E1%85%A7%E1%86%A8%20%E1%84%8F%E1%85%B3%E1%86%AF%E1%84%85%E1%85%B5%E1%86%A8%201.png?alt=media&#x26;token=ed509bfb-8275-4773-a016-9edd16f33a25" alt=""><figcaption></figcaption></figure>

**5️⃣ SNS 정보**

카카오톡, 페이스북, 인스타그램, 네이버 밴드 등\
SNS의 URL을 입력해주시면 Footer에 SNS 노출이 가능합니다.

<figure><img src="https://188475346-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvUF4HkazUnP90Jswd5pe%2Fuploads%2FCePg3obU6YWG4GwYXtiD%2F%E1%84%91%E1%85%AE%E1%84%90%E1%85%A5%20%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%8B%E1%85%A7%E1%86%A8%20%E1%84%8F%E1%85%B3%E1%86%AF%E1%84%85%E1%85%B5%E1%86%A8%201.png?alt=media&#x26;token=5de280ea-ab62-434d-befa-489f1aaadfd7" alt=""><figcaption></figcaption></figure>

***
