> For the complete documentation index, see [llms.txt](https://didisam.gitbook.io/administrator-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://didisam.gitbook.io/administrator-guide/preparation-edu/homepage/decorating-homepage3.md).
# 홈페이지 꾸미기 3
홈페이지 꾸미기 2편에 이어 3편을 진행하겠습니다 ( 텍스트 / 이미지 )
## 텍스트
**1️⃣ 새로운 섹션 추가하기**
마우스를 편집 영역 위에 올려두고 그때 위, 아래로 뜨는 '새로운 섹션 추가하기' 버튼을 눌러주세요 !
새로운 섹션을 추가하기를 눌렀을 때 뜨는 화면입니다.\
텍스트를 선택하고 레이아웃 선택 후 추가가능합니다.
**2️⃣ 배경색**
배경색은 화이트,블랙,그레이,직접선택 4가지 옵션에서 선택하실 수 있습니다.\
직접 선택 옵션 선택 시, 자유롭게 컬러를 지정하실 수 있습니다.
**3️⃣ 제목/내용/버튼 정렬**
텍스트는 최대 4개까지 설정가능 하며, 자유롭게 순서를 바꾸고 삭제 및 추가할 수 있습니다.
연필 버튼을 누르면 아이템 설정 화면이 뜹니다.
## 이미지
**1️⃣ 새로운 섹션 추가하기**
마우스를 편집 영역 위에 올려두고 그때 위, 아래로 뜨는 '새로운 섹션 추가하기' 버튼을 눌러주세요 !
새로운 섹션 추가하기를 눌러줬을 때 뜨는 화면입니다.\
이미지를 선택하고 레이아웃 스타일 card / full / bottom 중에서 골라줍니다.
**2️⃣ 이미지 Layout Style**
1️⃣번에서 레이아웃을 선택한 후 확인을 누르면 좌측에 이미지 설정화면이 뜹니다.\
설정했던 레이아웃 스타일은 이 화면에서 변경이 가능하니 걱정마세요 !
#### **4️⃣ 배경색**
배경색은 화이트,블랙,그레이,직접선택 4가지 옵션에서 선택하실 수 있습니다.\
직접 선택 옵션 선택 시, 자유롭게 컬러를 지정하실 수 있습니다.
**5️⃣ 아이템 텍스트/버튼 정렬**
여기서 연필 버튼을 눌러 이미지를 첨부하고, 이미지 내에 제목/내용을 입력하고 버튼을 삽입할 수 있습니다.\
이미지는 최대 4개까지 추가가능합니다.
## **클래스**
**1️⃣ 새로운 섹션 추가하기**
마우스를 편집 영역 위에 올려두고 그때 위, 아래로 뜨는 '새로운 섹션 추가하기' 버튼을 눌러주세요 !
새로운 섹션 추가하기를 눌러줬을 때 뜨는 화면입니다.\
클래스를 선택하고 레이아웃을 선택해줍니다.
**2️⃣ 제목/내용 텍스트 정렬**
여기서 입력하는 제목/내용은 클래스 상단에 들어가는 텍스트 입니다.\
좌측/중앙정렬을 설정할 수 있습니다.
**3️⃣ 배경색**
배경색은 화이트,블랙,그레이,직접선택 4가지 옵션에서 선택하실 수 있습니다.\
직접 선택 옵션 선택 시, 자유롭게 컬러를 지정하실 수 있습니다.
**4️⃣ 아이템 텍스트/버튼 정렬**
클래스는 한줄에 최대 4개까지 추가가능하며,\
연필버튼을 누르면 클래스 관리에서 추가했던 클래스를 선택하여 노출시킬 수 있습니다.
***
