Mailchimp 中的可编辑背景图像答案

【问题标题】：Editable Background Images in MailchimpMailchimp 中的可编辑背景图像
【发布时间】：2014-10-12 08:28:20
【问题描述】：

尝试为 Mailchimp 编写电子邮件模板，并且我试图能够通过 Mailchimp 本身编辑背景图像标签，因此每次我想发送它时都不需要去更改代码.

有没有办法将背景标签声明为 /@可编辑/ 区域，以便我可以更改 mailchimp 中的 url？如果是这样，我将如何去做？

当前代码：

<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="wrap banner3" style="border-collapse: collapse; -webkit-background-size: cover; background-image: url(https://gallery.mailchimp.com/78524444e0a13e2b163d98bed/images/135974c9-84e6-4f03-9fde-891a893c58a8.jpg); background-color: #24272c; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;" background="https://gallery.mailchimp.com/78524444e0a13e2b163d98bed/images/135974c9-84e6-4f03-9fde-891a893c58a8.jpg">

我希望做什么：

/**
* @tab Background Images
* @section Event Image
*/

/*@editable*/ Var event-bg-img = "https://gallery.mailchimp.com/78524444e0a13e2b163d98bed/images/135974c9-84e6-4f03-9fde-891a893c58a8.jpg"

[...]

<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="wrap banner3" style="border-collapse: collapse; -webkit-background-size: cover; background-image: url(event-bg-img); background-color: #24272c; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;" background="event-bg-img">

显然是在寻找一种可以在数量惊人的电子邮件客户端中得到支持的解决方案。

【问题讨论】：

根据 Mailchimp 支持不可能

标签： css html-email mailchimp

【解决方案1】：

MailChimp 编辑器的当前版本（截至 2015 年 2 月 26 日）确实允许制作可编辑的 background-image 属性（排序）。 HTML 模板中的以下代码：

/*@editable*/background-image:url();

将产生一个像这样的可编辑字段：

通过将 URL 添加到您的背景图片，图片将出现在您的模板中。

例如：

url(http://placehold.it/350x150)

这需要您将背景图片上传到 MailChimp，然后抓取 URL 并将其粘贴到 url()，因此并不理想。但是，对于中高级用户，此解决方案可能效果很好。

【讨论】：