# 디데이 블럭 다루기

디데이 블럭은 지정한 날짜에 대해 카운트다운을 보여주는 기능의 블럭입니다.

닷홈빌더는 두가지 디자인의 디데이 블럭을 제공하고 있습니다.

디데이 블럭 사용에 대한 자세한 내용은 아래 안내를 참고해 주시기 바랍니다.

[https://docs.dothome.co.kr/books/09/page/854d6](https://docs.dothome.co.kr/books/09/page/854d6)

[![dday_block_01.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dday-block-01.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dday-block-01.png)

<span style="color: rgb(22, 145, 121);">\[디데이 블럭 추가 화면\]</span>

블럭 추가 창에서 '디데이'탭을 누르면 디데이 블럭 목록이 나옵니다.

원하는 디자인의 디데이 블럭을 추가해 주세요.

##### **● 디데이 블럭 상세 설정하기**

[![dday_block_02.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dday-block-02.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dday-block-02.png)

<span style="color: rgb(22, 145, 121);">\[디데이 블럭 설정 버튼 화면\]</span>

디데이 블럭 위에 마우스를 올리면 우측 상단에 블럭 편집 메뉴가 표시됩니다.

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

[![dday_block_03.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dday-block-03.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dday-block-03.png)

<span style="color: rgb(22, 145, 121);">\[디데이 블럭 상세설정 화면\]</span>

디데이 블럭의 상세 설정창은 내용, 디자인, 레이아웃, 배경 네개의 탭메뉴로 구성되어 있습니다.

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

**\[내용\]**

<div class="col-xl-9 col-lg-9" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%EB%94%94%EB%8D%B0%EC%9D%B4-%EB%94%94%EB%8D%B0%EC%9D%B4-%EB%82%A0%EC%A7%9C%EB%A5%BC-%EC%84%A4%EC%A0%95"><div class="contents"><table class="table table-bordered" style="width: 100%;"><thead><tr><td style="width: 18.5921%;"><span style="color: #000000;">항목</span></td><td style="width: 81.3971%;"><span style="color: #000000;">설명</span></td></tr></thead><tbody><tr><td style="width: 18.5921%;"><span style="color: #000000;">디데이</span></td><td style="width: 81.3971%;"><span style="color: #000000;">디데이 날짜를 설정합니다.</span></td></tr><tr><td style="width: 18.5921%;">링크</td><td style="width: 81.3971%;">링크 사용하기에 체크시 디데이 카운트다운이 종료되었을 때 다른 페이지로 이동되도록 설정할 수 있습니다.</td></tr></tbody></table>

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

**\[디자인\]**

<div class="col-xl-9 col-lg-9" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%EB%94%94%EB%8D%B0%EC%9D%B4-%EA%B8%80%EC%9E%90-%ED%81%AC%EA%B8%B0-%EB%94%94%EB%8D%B0%EC%9D%B4-"><div class="contents"><table class="table table-bordered" style="width: 100%;"><thead><tr><td style="width: 19.2208%;">항목</td><td style="width: 80.8875%;">설명</td></tr></thead><tbody><tr><td style="width: 19.2208%;">디데이 글자 크기</td><td style="width: 80.8875%;"><div>디데이 글자 크기를 설정할 수 있습니다.</div></td></tr><tr><td style="width: 19.2208%;">디데이 글자 색상</td><td style="width: 80.8875%;">디데이 글자 색상을 설정할 수 있습니다.</td></tr></tbody></table>

</div></div>**\[레이아웃\]**

<div class="col-xl-9 col-lg-9" 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-"><div class="contents"><table class="table table-bordered" style="width: 100%;"><thead><tr><td style="width: 19.665%;">항목</td><td style="width: 80.3241%;">설명</td></tr></thead><tbody><tr><td style="width: 19.665%;">너비</td><td style="width: 80.3241%;">블럭 안에 컨텐츠가 들어가는 영역의 기본 너비를 설정합니다.

본문 너비 : 글로벌 디자인 설정에서 적용한 본문폭 너비에 맞게 설정합니다

채우기 : 컨텐츠 영역의 너비를 화면에 꽉 맞게 채웁니다.

</td></tr><tr><td style="width: 19.665%;">좌우 여백</td><td style="width: 80.3241%;">블럭의 좌우 여백을 설정합니다.</td></tr><tr><td style="width: 19.665%;">상단 여백</td><td style="width: 80.3241%;">블럭 상단의 여백을 설정합니다.</td></tr><tr><td style="width: 19.665%;">하단 여백</td><td style="width: 80.3241%;">블럭 하단의 여백을 설정합니다.</td></tr><tr><td style="width: 19.665%;">정렬</td><td style="width: 80.3241%;">텍스트, 버튼의 정렬을 설정합니다.</td></tr><tr><td style="width: 19.665%;">수직 정렬</td><td style="width: 80.3241%;">프레임이 2단으로 나뉘어 있는 디데이 블럭은 프레임박스간의 수직 정렬을 설정할 수 있습니다.</td></tr></tbody></table>

</div></div>**\[배경\]**

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

##### **● 디데이 블럭 요소 편집하기**

디데이 블럭은 텍스트, 이미지, 버튼, 여백 등의 요소 블럭들로 구성되어있습니다.

이 요소들을 새로 추가하거나 복제, 삭제하는 것은 불가하지만, 위치를 변경하거나 내용을 수정할 수 있습니다.

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

[<span style="color: #4c7ff2;">이미지 블럭 다루기&gt;</span>](https://docs.dothome.co.kr/books/10/page/efe93)

[<span style="color: #4c7ff2;">텍스트 블럭 다루기 &gt; </span>](https://docs.dothome.co.kr/books/10/page/55a7c)

[<span style="color: #4c7ff2;">여백 블럭 다루기&gt;</span>](https://docs.dothome.co.kr/books/10/page/6974c)

[<span style="color: #286aef;">버튼 블럭 다루기&gt;</span>](https://docs.dothome.co.kr/books/10/page/8d5e9)