Css Mailchimp中的可编辑背景图像
尝试为Mailchimp编写电子邮件模板,我尝试编辑via Mailchimp本身的背景图像标签,所以我不需要每次发送时都更改代码 有没有办法将背景标记声明为/@editable/区域,以便我可以更改mailchimp中的url?如果是这样的话,我该怎么做呢 当前代码:Css Mailchimp中的可编辑背景图像,css,html-email,mailchimp,Css,Html Email,Mailchimp,尝试为Mailchimp编写电子邮件模板,我尝试编辑via Mailchimp本身的背景图像标签,所以我不需要每次发送时都更改代码 有没有办法将背景标记声明为/@editable/区域,以便我可以更改mailchimp中的url?如果是这样的话,我该怎么做呢 当前代码: <table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="wrap banner3" style="border
<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">
/**
*@tab背景图像
*@section事件图像
*/
/*@可编辑*/Var事件bg img=”https://gallery.mailchimp.com/78524444e0a13e2b163d98bed/images/135974c9-84e6-4f03-9fde-891a893c58a8.jpg"
[...]
显然,我们正在寻找一种解决方案,这种解决方案可以在大量的电子邮件客户端上得到支持。当前版本的MailChimp编辑器(截至2015年2月26日)确实允许制作可编辑的
背景图像
属性(sorta)。HTML模板中的以下代码:
/*@editable*/background-image:url();
将生成如下可编辑字段:
通过向背景图像添加URL,图像将显示在模板中
例如:
url(http://placehold.it/350x150)
这需要您将背景图像上传到MailChimp,然后抓取URL并将其粘贴到
URL()
,因此这并不理想。但是,对于中级到高级用户,此解决方案可能会很好地工作 根据Mailchimp的支持,这是不可能的