학습 내용
필요할 때 이메일에 열을 추가하여 템플릿을 더욱 미적으로 멋지게 만드는 방법을 알아보세요. 템플릿에 열을 추가하는 방법에는 몇 가지가 있습니다. 이 도움말에서는 이메일에 열을 추가하는 모든 방법과 디바이스에 따라 디자인을 최적화하는 방법에 대해 설명합니다.
분할 블록, 열 또는 표를 사용해야 하는 경우
클라비요의 이메일 편집기를 사용하여 콘텐츠를 나란히 정렬하는 방법에는 분할 블록, 열, 표 블록의 3가지가 있습니다. 각 옵션은 특정 장점과 단점이 있습니다.
| 콘텐츠 레이아웃 | 열 수 | 너비 옵션 | 허용되는 콘텐츠 유형 | 모바일 보기에서 열을 쌓을 수 있나요? |
| 블록 분할 | 2 | 정밀한 제어( 분할 설정 사용 > 열 너비) | 이미지 또는 텍스트만 | 예 |
| 열 | 1-4 | 제한된 선택 | 모든 유형의 콘텐츠 블록(예: 텍스트 블록, 이미지 블록, 리뷰 견적 블록) | 예 |
| 테이블 블록 | 모든 번호 | 정밀한 제어( 열 너비 사용 > 매뉴얼) | 이미지 또는 텍스트만 | 아니요 |
표는 화면 리더가 파싱하는 데 어려움을 겪기 때문에 접근성 측면에서 문제가 될 수 있습니다.
이메일에 분할 블록 추가
이메일에 분할 블록을 추가하려면 다음과 같이 하세요:
- 분할 블록을 템플릿으로 드래그합니다.
- 레이아웃 비율을 조정하여 두 열의 너비를 사용자 지정합니다.
- 콘텐츠 섹션에서 분할 블록의 각 면에 텍스트를 포함할지 이미지를 포함할지 선택합니다.
- 열 선택기 아래의 아이콘을 클릭하여 열 사이를 전환합니다.
- 저장을 클릭하여 블록을 저장합니다.
이메일에 열 추가하기
이메일에 열을 추가하려면 다음과 같이 하세요:
- 레이아웃 아래의 열 옵션을 끌어다 놓아 이메일에 열을 만듭니다.
- 모달의 옵션에서 원하는 레이아웃을 선택합니다.
- 모든 유형의 블록을 열로 드래그합니다.
분할 블록과 달리 모든 블록을 사용할 수 있고, 같은 열에 여러 블록을 포함할 수 있으며, 두 개 이상의 열을 선택할 수도 있습니다. 예를 들어, 한쪽에는 이미지가 있고 다른 한쪽에는 텍스트와 버튼이 있는 이메일입니다.
또한 모바일 브라우저에서 이메일을 열면 왼쪽 열이 오른쪽 열 위에 쌓이면서 열이 서로 겹쳐집니다. 모바일에서 열이 쌓이는 것을 원하지 않는 경우 표 블록을 사용하도록 선택합니다.
이메일에 표 블록 추가하기
표 블록을 사용하여 이메일에 열을 만들 수 있습니다. 표 블록은 텍스트와 이미지만 포함할 수 있지만, 모바일에서는 열을 나란히 유지하여 열로 이메일을 사용자 지정할 수 있습니다. 다른 블록과 마찬가지로 표 블록을 이메일에 끌어다 놓으면 시작할 수 있습니다.
표 블록의 모양을 변경하려면 블록 설정으로 이동하여 열 주위의 패딩 또는 간격과 테두리 색상 및 글꼴을 조정할 수 있습니다.
모바일 환경에 맞게 최적화하려면 테이블의 모바일 보기를 테스트하세요. 열이 많은 표가 있는 경우 데스크톱에서만 이상적으로 보일 가능성이 높습니다. 모바일용 열을 변경하거나 숨기려면 열 탭에서 설정을 조정합니다.
이메일 디자인에 대한 자세한 내용은 이메일 디자인 강좌를확인하세요.