响应式 HTML 邮件制作之三个实例

10,029
响应式 HTML 邮件制作之三个实例
  • 5.00 / 5 5
5.00分(5票)
响应式 HTML 邮件制作之三个实例

制作HTML 邮件并不是想象中的那么简单,不仅仅要考虑到兼容各大的邮箱的问题,加之安全因素(比如图片可能是默认不打开的,javascript 没有戏了),现在又随着移动互联网时代,还要考虑到不同设备的适应——一句话,还是挺麻烦的。

在这里给出三个响应式 HTML 邮件制作的实例,因为懒得翻译了,就直接看吧:

html-email-template

响应式 HTML 邮件制作之三个实例

项目地址:https://github.com/leemunroe/html-email-template

这是一个简单的响应式的html邮件模板,个人感觉非常不错。预览地址在这里。如果你要遵从最大的兼容性,建议直接使用这个。

Simple Responsive HTML Email

如果你的邮件内容相对比较复杂,比如说想要加点图片神马的,那么下面这个就可能对你有帮助了,

响应式 HTML 邮件制作之三个实例

参考文章:

http://dev.tutsplus.com/articles/creating-a-simple-responsive-html-email–webdesign-12978

A HTML Email Template From Scratch

响应式 HTML 邮件制作之三个实例

Scratch 是什么东东我也不是很懂,大家直接见参考文章好了:

http://dev.tutsplus.com/articles/build-an-html-email-template-from-scratch–webdesign-12770

其他文章:

WordPress评论回复邮件样式美化教程

免插件仅代码实现WordPress评论回复邮件

喵~本文目前有2条留言,欢迎发表评论!

  1. 板凳也不错
    :

    不错的站点

    [回复]
  2. 传说中的沙发
    :

    主题首页布局不错,适合科技类站点。但文章页评论框下方不太精致。 :mrgreen:

    [回复]

打破沉默,我来发表评论鸟~