# 블로그 디자인 및 레이아웃 커스터마이징 방법

블로그는 블로그 이름을 클릭한 후 점 세 개 편집 버튼을 눌러서 블로그 사이트를 편집하여 커스터마이징할 수 있습니다.

* Sites(사이트) → Blogs(블로그)로 이동하세요
* 블로그 목록 보기에서 블로그 이름을 클릭하세요
* 블로그를 열면 "Edit the Blog Site(블로그 사이트 편집)" 버튼(새 블로그 포스트 옵션 옆)이 표시되고 블로그 포스트 목록이 나타납니다
* "블로그 사이트 편집"을 클릭하면 모든 요소(Element)와 글로벌 섹션이 포함된 블로그 편집기가 열립니다
* 레이아웃, 블로그 목록 카드에 표시할 내용, 블로그 포스트 스타일을 편집할 수 있습니다

**레이아웃 설정:**

![블로그 레이아웃 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155026313084/original/XGQMd5zFEWELBMl96zG2HES2ECpTxEraAw.jpeg?1716233325)

**블로그 목록 카드에 표시할 내용 설정:**

![블로그 목록 카드 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155026313086/original/OrmKXdDhgeWY9SQYkwoyMMB8SLW-zAleKw.jpeg?1716233325)

**블로그 홈 및 블로그 포스트 스타일 편집:** 이미지, 포스트, 태그, 제목, 타이틀, 설명, 작성자, 게시 날짜, 작성자 등의 스타일을 편집할 수 있습니다.

![블로그 스타일 편집](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155026313085/original/MXXLZ2ekEIsUOwuaLNlJGj1_aqajjRwfAw.jpeg?1716233325)

홈과 포스트 같은 블로그 페이지를 관리하려면 블로그 포스트를 생성하고 블로그를 삭제할 수 있습니다.

![블로그 페이지 관리](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155026313083/original/8PdBmoxSeHffHccdqMkGvV-olyaWQ0voNQ.jpeg?1716233325)

![블로그 관리 기능](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155026313087/original/45z9cYVTnmJ-Wi29lJWqJGaC2lFuGA-TCA.jpeg?1716233325)

블로그는 섹션 템플릿, 글로벌 섹션, 그리고 버튼, 소셜 미디어 아이콘, 이미지, 진행 바 같은 기타 요소들을 제공합니다. 섹션 템플릿은 퍼널, 웹사이트, 블로그 간에 공유됩니다.

![블로그 요소 및 템플릿](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155027070188/original/9pnmsnp6ppO3zemY77FvtVw7nt_sS42Ubw.png?1717498097)

***

## 자주 묻는 질문

**Q: 블로그 홈 페이지에 표시되는 "다음"과 "이전" 버튼을 커스터마이징하거나 편집할 수 있나요?**

"다음"과 "이전" 버튼은 블로그 페이지네이션을 위해 자동 생성되며 블로그 편집기에서 직접 편집할 수 없습니다. Advanced(고급) 탭에서 커스텀 CSS를 사용하여 스타일을 변경하거나 숨길 수는 있지만, 편집기 내에서 텍스트와 구조를 변경할 수는 없습니다.

***

*원문 최종 수정: Sun, 1 Jun, 2025 at 11:10 PM* *Hyperclass 사용 가이드 — hyperclass.ai*


---

# 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://hyperclass.gitbook.io/hyperclass-docs/and-sites/how-to-customize-blog-design-and-layout.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.