이메일 디자이너로 작업을 시작하고 기존 편집기에서 만든 이메일 HTML에서 재사용 가능한 템플릿과 조각을 만듭니다.
이 사용 사례를 사용하면 HTML 이메일을 사용하여 이메일 디자이너 템플릿을 만들고 이메일 디자이너의 HTML 구성 요소로 나누어 이메일 디자이너 템플릿을 만들 수 있습니다.
호환성 모드와 마찬가지로 HTML 구성 요소는 제한된 옵션으로 편집할 수 있습니다.즉석 에디션만 수행할 수 있습니다.
이 섹션은 HTML 코드에 익숙한 고급 사용자를 위한 것입니다.
Mobile view으로 전환합니다. 자세한 내용은 이 섹션을 참조하십시오.
이 문제를 해결하려면 소스 코드 모드로 전환한 다음 스타일 섹션을 새 스타일 섹션에 복사하여 붙여넣습니다. 예제:
<style type="text/css">
a {text-decoration:none;}
body {min-width:100% !important; margin:0 auto !important; padding:0 !important;}
img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;}
...
</style>
다른 사용자 지정 스타일 태그에서 스타일 뒤에 스타일을 추가해야 합니다.
이메일 디자이너가 생성한 CSS는 수정하지 마십시오.
<style data-name="default" type="text/css">(##)</style>
<style data-name="supportIOS10" type="text/css">(##)</style>
<style data-name="mediaIOS8" type="text/css">(##)</style>
<style data-name="media-default-max-width-500px" type="text/css">(##)</style>
<style data-name="media-default--webkit-min-device-pixel-ratio-0" type="text/css">(##)</style>
모바일 보기로 돌아가 컨텐츠가 올바로 표시되는지 확인하고 변경 내용을 저장합니다.
기존 편집기에서 만든 이 이메일을 Email Designer 템플릿으로 변환해 보겠습니다.
이 이메일에서 11개의 섹션을 식별할 수 있습니다.
어떤 요소가 HTML의 어느 섹션인지 식별하려면 해당 요소를 선택할 수 있습니다.
이메일의 HTML 버전을 보려면 Show source을 클릭합니다.
이메일 레이아웃을 반영하여 Structure components을 드래그하여 놓습니다.
필요에 따라 여러 번 반복합니다. 우리는 11개의 구조 구성 요소를 만들어야 합니다.
각 Structure component에 HTML component을 삽입합니다.
각 섹션에 대해 Show source code 을 클릭합니다.
HTML 섹션을 삽입합니다.
Save을(를) 클릭합니다.
이제 이메일의 렌더링을 확인할 수 있습니다.
CSS 요소를 삽입하여 이메일이 모바일 보기에 적합한지 확인합니다.
소스 코드로 전환하고 스타일 섹션을 새로운 스타일 섹션에 복사하여 붙여넣을 수 있습니다.
자세한 내용은 이메일 스타일 관리를 참조하십시오.
이전 이메일을 이메일 디자이너에서 사용할 수 있습니다.