对时事通讯进行 HTML 编码

Posted 2023-03-24

【中文标题】对时事通讯进行 HTML 编码

【英文标题】：HTML coding a newsletter

【发布时间】：2020-07-03 19:45:01

【问题描述】：

我是一个绝对的 - 我的意思是绝对的 - 代码初学者。我对平面设计和数字设计的工作原理了解很多，但这并没有多大帮助！

我想使用 Mailchimp 为具有特定品牌设计身份的客户发送简报。与其他拖放式电子邮件服务（例如 Squarespace 通讯插件）不同，我几乎无法自定义电子邮件设计。

有人告诉我这样做的一种方法是使用 Photoshop 设计电子邮件内容（布局、文本等）并将图像作为图像导入 Mailchimp 模板。不过，我对从图像构建电子邮件有所保留，因为图像不会响应并且在手机上运行良好。这也意味着我不能使用来自特定文本的超链接。

所以我考虑过使用 html 编写自己的代码……但不知从何开始？这是否是个好主意？虽然 Mailchimp 可以做很多事情来保持新闻通讯在品牌上的外观，但我想要合并的主要内容是特定的字体。

两个问题：

新手尝试对电子邮件进行 HTML 编码是个好主意吗？ 如果没有，我还能如何使用 Mailchimp 来尽可能地进行自定义？

如果它是“可行的”，我可以去哪里学习这个过程？资源、教程？

【问题讨论】：

新手尝试 x 是不是个好主意 - 呵呵！如果你有动力，那就去吧。这样你就学会了。

如果您来自设计领域，您可能想试试WebFlow。据我所见，它允许您使用拖放操作直观地构建 HTML。您仍然需要了解 HTML 中的视图是如何排列的，但这会使语法脱离您的学习曲线。 免责声明：我没有以任何方式连接到 WebFlow。

对，但我知道我不会轻易接受。好的，谢谢！

【参考方案1】：

在我看来，响应式电子邮件设计是最复杂的 HTML 任务之一，如果我是你，我会从一些不错的现有模板开始：

https://litmus.com/community/templates

阅读一些responsive email tips。

祝你好运！

【讨论】：

谢谢！我没有意识到互联网上有可定制的模板！

@molly 有很多。你也可以在 GitHub 上找到一些。 Ted Goas 的作品也很不错。