如何创建 HTML e-mail 模板?
How to create a HTML e-mail template?
之前我发布了 here 一个关于如何让两个表响应的问题。起初他们回答说我不应该使用 <table>
而不是 <div>
,但后来他们说我需要使用旧样式 <table>
,因为它将是一个 e-mail 模板.
毕竟我正在将 header 转换为表格中的旧样式,结果它在浏览器中看起来还不错,但是通过 e-mail 发送后就完全乱七八糟了再次起来(我的 phone 除外)。现在我正在使用旧样式,但仍然不起作用。这可能是什么问题?
更新:
整整两天,我尝试在 HTML 中创建自己的 e-mail 模板。包括这个我已经阅读了很多关于这个主题的帖子。我作为全栈开发人员的体验是 e-mail 开发是一种完全不同的编程方式。如果您想在 HTML 中创建自己的 e-mail 模板,请先阅读 this。
@Gwally 和我建议使用 Zurb Foundation which is a responsive front-end framework who will help you to create an e-mail template in a easy way. After when you are ready, you should test your e-mail template with Litmus.
简而言之;在 HTML 中创建自己的 e-mail 模板非常困难。这需要很多时间,毕竟您不知道 e-mail 模板将适用于几乎所有 e-mail 客户。我从 Zurb Foundation 开始,效果很好 ;)
祝你好运!
基于CSS classes in email,您应该使用内联样式来维护电子邮件中的布局。
您可以查看这篇文章,了解有关如何在电子邮件中采用响应式布局的一些建议。 https://css-tricks.com/ideas-behind-responsive-emails/ 但您需要以不同于网页的方式处理它们。
有很多地方可以找到现代 HTML 模板作为电子邮件项目的基础。 Stack Overflow 中发布了很多建议来帮助人们完成他们的项目。重要的是要记住电子邮件开发不是 Web 开发。两者都是基于HTML,但使用形式不同。这里有几件事可以帮助您上路。
有效方法
Campaign Monitor 提供了有关在电子邮件中使用电子邮件客户端的方法的出色指南。
使用现代模板
最好的学习方法是看看别人做过什么,然后根据自己的需要进行模仿。我个人是 Zurb Foundation 的粉丝。我一次性使用了 1.0 版,发现 2.0 版对于解决电子邮件开发中的一些问题很有价值,例如模板一致性。
- https://foundation.zurb.com/emails.html
- https://litmus.com/community/templates
- https://www.campaignmonitor.com/email-templates/
提出问题并阅读答案
电子邮件开发的最佳资源之一就是您现在在 Stack Overflow 中的位置。有一些敬业的专家帮助社区提供了非常好的问题解决方案。
祝你好运。
之前我发布了 here 一个关于如何让两个表响应的问题。起初他们回答说我不应该使用 <table>
而不是 <div>
,但后来他们说我需要使用旧样式 <table>
,因为它将是一个 e-mail 模板.
毕竟我正在将 header 转换为表格中的旧样式,结果它在浏览器中看起来还不错,但是通过 e-mail 发送后就完全乱七八糟了再次起来(我的 phone 除外)。现在我正在使用旧样式,但仍然不起作用。这可能是什么问题?
更新:
整整两天,我尝试在 HTML 中创建自己的 e-mail 模板。包括这个我已经阅读了很多关于这个主题的帖子。我作为全栈开发人员的体验是 e-mail 开发是一种完全不同的编程方式。如果您想在 HTML 中创建自己的 e-mail 模板,请先阅读 this。
@Gwally 和我建议使用 Zurb Foundation which is a responsive front-end framework who will help you to create an e-mail template in a easy way. After when you are ready, you should test your e-mail template with Litmus.
简而言之;在 HTML 中创建自己的 e-mail 模板非常困难。这需要很多时间,毕竟您不知道 e-mail 模板将适用于几乎所有 e-mail 客户。我从 Zurb Foundation 开始,效果很好 ;)
祝你好运!
基于CSS classes in email,您应该使用内联样式来维护电子邮件中的布局。
您可以查看这篇文章,了解有关如何在电子邮件中采用响应式布局的一些建议。 https://css-tricks.com/ideas-behind-responsive-emails/ 但您需要以不同于网页的方式处理它们。
有很多地方可以找到现代 HTML 模板作为电子邮件项目的基础。 Stack Overflow 中发布了很多建议来帮助人们完成他们的项目。重要的是要记住电子邮件开发不是 Web 开发。两者都是基于HTML,但使用形式不同。这里有几件事可以帮助您上路。
有效方法
Campaign Monitor 提供了有关在电子邮件中使用电子邮件客户端的方法的出色指南。
使用现代模板
最好的学习方法是看看别人做过什么,然后根据自己的需要进行模仿。我个人是 Zurb Foundation 的粉丝。我一次性使用了 1.0 版,发现 2.0 版对于解决电子邮件开发中的一些问题很有价值,例如模板一致性。
- https://foundation.zurb.com/emails.html
- https://litmus.com/community/templates
- https://www.campaignmonitor.com/email-templates/
提出问题并阅读答案
电子邮件开发的最佳资源之一就是您现在在 Stack Overflow 中的位置。有一些敬业的专家帮助社区提供了非常好的问题解决方案。
祝你好运。