# 커스텀 게시판 블럭 다루기

커스텀 게시판은 블럭의 한쪽은 일반 게시판을 배치하고 다른 한쪽은 사용자가 디자인할 수 있는 게시판입니다.

리스트형, FAQ형, 블로그형A, 블로그형B, 갤러리형 등 원하는 일반 게시판을 선택할 수 있습니다.

커스텀 게시판 사용에 대한 자세한 내용은 아래 안내를 참고해 주시기 바랍니다.

[https://docs.dothome.co.kr/books/09/page/06eb6](https://docs.dothome.co.kr/books/09/page/06eb6)

커스텀 게시판의 기능, 디자인을 설정합니다.

작성된 게시글 관리는 <span style="color: #3c99f6;">[게시판/게시글 관리하기 &gt;](https://docs.dothome.co.kr/books/04/page/f457c) </span>를 참고해 주세요.

● 게시판 상세 설정하기

[![dhbd-09-10-01.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-10-01.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-10-01.png)

<span style="color: rgb(22, 145, 121);">\[커스텀 게시판 블럭 화면\]</span>

\[디자인 편집기\]페이지에서 게시판 블럭 위에 마우스를 올리면 우측 상단에 블럭 편집 메뉴가 표시됩니다.

가운데에 있는 설정(톱니 바퀴 모양) 버튼을 클릭하여 상세 설정창을 열어줍니다.

[![dhbd-09-10-02.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-10-02.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-10-02.png)

<span style="color: rgb(22, 145, 121);">\[커스텀 게시판 상세설정창 화면\]</span>

게시판 블럭의 상세 설정 창은 내용, 레이아웃, 배경, 애니메이션 네 개의 탭메뉴로 구성되어 있습니다.

각 설정 항목에 대해 알아보겠습니다.

● 내용

**[![dhbd-09-10-03.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-10-03.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-10-03.png)**

<span style="color: rgb(22, 145, 121);">\[커스텀 게시판 상세설정 - 내용 설정 화면\]</span>

<span style="color: #636363;">게시판에 대한 기본적인 항목들을 설정합니다.</span>

<span style="color: #636363;">  
</span>

<table class="table table-bordered" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%EA%B2%8C%EC%8B%9C%ED%8C%90-%EC%9C%84%EC%B9%98-%EA%B2%8C%EC%8B%9C%ED%8C%90%EC%9D%98-%EC%9C%84%EC%B9%98" style="width: 100%;"><thead><tr><td style="width: 21.7263%;">항목</td><td style="width: 78.3929%;">설명</td></tr></thead><tbody><tr><td style="width: 21.7263%;">게시판 위치</td><td style="width: 78.3929%;">게시판의 위치를 설정합니다. 좌측 또는 우측을 선택할 수 있습니다.</td></tr><tr><td style="width: 21.7263%;">게시판</td><td style="width: 78.3929%;"><div>- 게시판 연동 : 연동할 게시판을 선택합니다.
- 제목 : 게시판 연동 목록과 관리자페이지에 표시해 줄 게시판 제목을 설정합니다.
- 페이지당 글 수 : 게시글을 몇 개씩 출력할 지 설정합니다.

</div></td></tr><tr><td style="width: 21.7263%;">게시판 요소  
</td><td style="width: 78.3929%;">- 검색 사용하기 : 게시글 검색 기능을 사용 여부를 설정합니다.
- 페이징 사용하기 : 최근 게시글만 보여줄지 모든 게시글을 보여줄지 설정합니다.
- <span style="color: #212529;">글쓰기 버튼 감추기 : 글쓰기 버튼 표시 여부를 설정합니다.</span>  
    <span style="color: #212529;">CAPTCHA 사용하기 : 구글 캡챠 설정이 가능하며, 구글 캡챠 연동 후 사용이 가능합니다.</span><span style="color: #212529;"> </span>[<span style="color: #3c99f6;">구글 캡챠 연동하기&gt;</span>](https://docs.dothome.co.kr/books/02/page/63dc7)

</td></tr><tr><td style="width: 21.7263%;">게시판 카테고리  
</td><td style="width: 78.3929%;">- 게시판 카테고리 사용 여부를 설정합니다.   
    카테고리 사용하기에 체크한 뒤 카테고리 목록을 수정할 수 있습니다.

</td></tr><tr><td style="width: 21.7263%;">권한  
</td><td style="width: 78.3929%;">게시글 목록 열람, 게시글 열람, 글 작성, 댓글의 권한을 설정합니다.  
<span style="color: #424242;">\*권한을 '선택 회원 그룹'으로 선택할 경우 원하는 회원 그룹을 지정할 수 있습니다.  
\*글쓰기 권한을 '모든 방문자'로 설정 시 CAPTCHA 사용하기를 체크해주세요.</span>  
</td></tr><tr><td style="width: 21.7263%;">노출 항목  
</td><td style="width: 78.3929%;">목록에 표시해 줄 항목을 설정합니다. (게시판 타입에 따라 설정 가능한 노출 항목이 다릅니다.)

</td></tr><tr><td style="width: 21.7263%;">게시글 양식  
</td><td style="width: 78.3929%;">게시글 작성 양식을 설정합니다.  
</td></tr><tr><td style="width: 21.7263%;">정렬  
</td><td style="width: 78.3929%;">게시글, 댓글, 답글의 기본 정렬을 설정합니다.</td></tr><tr><td style="width: 21.7263%;">게시글 공유</td><td style="width: 78.3929%;">게시글 공유 기능을 설정합니다. 공유 항목을 체크하며 게시글 공유 기능이 활성화 되며, 공유 목록에 체크된 항목이 표시됩니다.

카카오톡과 카카오스토리의 경우 카카오 API 연동이 필요합니다.<span style="color: #3c99f6;"> </span>[**<span style="color: #3c99f6;">카카오 API 연동 바로가기 &gt;</span>**](https://docs.dothome.co.kr/books/02/page/sns-api)

</td></tr></tbody></table>

● 디자인

**[![dhbd-09-10-04.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-10-04.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-10-04.png)**

<span style="color: rgb(22, 145, 121);">\[커스텀 게시판 상세설정 - 디자인 설정 화면\]</span>

게시글 목록의 글자 색상, 배경색 등을 설정합니다. (게시판 타입에 따라 설정 항목은 다릅니다.)

● 레이아웃

**[![dhbd-09-10-05.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-10-05.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-10-05.png)**

<span style="color: rgb(22, 145, 121);">\[커스텀 게시판 상세설정 - 레이아웃 설정 화면\]</span>

<table class="table table-bordered" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%EB%84%88%EB%B9%84-%EB%B8%94%EB%9F%AD-%EC%95%88%EC%97%90-%EC%BB%A8%ED%85%90%EC%B8%A0%EA%B0%80-" style="width: 100%;"><thead><tr><td style="width: 23.0358%;">항목</td><td style="width: 77.0834%;">설명</td></tr></thead><tbody><tr><td style="width: 23.0358%;">너비</td><td style="width: 77.0834%;">블럭 안에 컨텐츠가 들어가는 영역의 기본 너비를 설정합니다.

- 본문 너비 : 글로벌 디자인 설정에서 적용한 본문폭 너비에 맞게 설정합니다.
- 채우기 : 컨텐츠 영역의 너비를 화면에 꽉 맞게 채웁니다.

</td></tr><tr><td style="width: 23.0358%;">좌우 여백</td><td style="width: 77.0834%;">블럭의 좌우 여백을 설정합니다.</td></tr><tr><td style="width: 23.0358%;">상단 여백</td><td style="width: 77.0834%;">블럭 상단의 여백을 설정합니다.</td></tr><tr><td style="width: 23.0358%;">하단 여백</td><td style="width: 77.0834%;">블럭 하단의 여백을 설정합니다.</td></tr><tr><td style="width: 23.0358%;">정렬</td><td style="width: 77.0834%;">글쓰기 버튼의 정렬을 설정합니다.</td></tr></tbody></table>

● 배경

[![dhbd-09-10-06.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-10-06.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-10-06.png)

<span style="color: rgb(22, 145, 121);">\[커스텀 게시판 상세설정 - 배경 설정 화면\]</span>

블럭에 대한 배경을 설정합니다. 색 또는 이미지로 설정할 수 있습니다.

● 빈 프레임 영역에 요소 블럭 추가 및 편집하기

[![dhbd-09-10-07.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-10-07.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-10-07.png)

<span style="color: rgb(22, 145, 121);">\[커스텀 게시판 빈 프레임 영역에 요소 블럭 추가 화면\]</span>

빈 프레임 영역에 요소 블럭을 추가, 삭제할 수 있습니다.

[![dhbd-09-10-08.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-10-08.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-10-08.png)

<span style="color: rgb(22, 145, 121);">\[커스텀 게시판 프레임 블럭에 요소가 추가된 화면\]</span>

추가된 요소의 위치를 이동하거나 상세 설정을 할 수 있습니다.

요소 블럭의 편집 방법은 각 매뉴얼에서 확인하세요

[<span style="color: #3c99f6;">요소 블럭 다루기&gt;</span>](https://docs.dothome.co.kr/books/10)