美化了一下邮件回复模板

2016-12-04 生活记录

我用的是typecho的评论邮件提醒插件CommentToMail 2.0版本，插件自带的模板太简陋了，于是参考了各位大神的回复通知，修改了一下，自我感觉还可以，在后台模板编辑guest.html直接复制过去就可以了，不过里面有些地方需要修改成自己的网址。
代码如下:

<td style="background:#FAFAFA url()">  
    <div style="background-color:white;border-top:2px solid #12ADDB;box-shadow:0 1px 3px #AAAAAA;line-height:180%;padding:0 15px 12px;max-width:500px;margin:50px auto;color:#222;font-family:'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size:12px;">  
        <h2 style="border-bottom:1px solid #DDD;font-size:14px;font-weight:normal;padding:13px 0 10px 8px;"><span style="color: #12ADDB;font-weight: bold;">&gt; </span>您在博客<a style="text-decoration:none;color: #12ADDB;" href="https://Mrhe.net" target="_blank"> Mr.He </a>上的留言有回复啦！</h2>  
        <div style="padding:0 12px 0 12px;margin-top:18px">  
            <p>亲爱的{author_p}：</p>
             <p>您曾在Mr.He的文章《<a target="_blank" href="{permalink}">{title}</a>》发表评论：</p>  
            <p style="background-color: #12ADDB;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0;color: #ffffff;border-radius: 10px;">{text_p}</p>  
            <p><strong>{author}</strong>&nbsp;给您的回复如下:</p>  
            <p style="background-color: #ff6574;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0;color: #ffffff;border-radius: 10px;">{text}</p>  
            <p>回复时间：{time}</p>
            <p>本邮件为系统自动发送，请勿直接回复，感谢您对<a target="_blank" href="http://mrhe.net">Mr.He</a>的关注！</p>  
        </div>  
    </div>  
</td>

效果见图：

QQ图片20161204112110.png

代码

最初发布：2016-12-04 11:24
最后更新：2016-12-04 11:24
版权申明：本站图文，粗制滥造，质量堪忧，价值不高，请勿转载，没有必要。

0 条

发表回复取消回复

安满小站
2016-12-06
回复

好的，这么好看到模板，我就复制过去用了，感谢老何同志分享
1. Mr.He
  2016-12-07
  回复
  
  @安满小站不谢，嘿嘿~
Weidan
2016-12-06
回复

至今我还没去研究出回复邮件的功能…不过你这个好看有空带走
1. Mr.He
  2016-12-06
  回复
  
  @Weidanwp的邮件回复插件有更多选择，很好用。
2. 疾风之子
  2016-12-06
  回复
  
  @Mr.He你说的那个WP邮件回复插件全名叫什么？谢谢
3. Mr.He
  2016-12-07
  回复
  
  @疾风之子WP SMTP 是WordPress比较好用的邮件回复插件
商学院
2016-12-06
回复

看着感觉挺不错的
1. Mr.He
  2016-12-06
  回复
  
  @商学院还行吧，比较符合个人审美
2. 商学院
  2016-12-07
  回复
  
  @Mr.He说的没错。。
唯历史
2016-12-06
回复

真不错，wordpress的从哪儿设置呀
1. Mr.He
  2016-12-06
  回复
  
  @唯历史你用的是多说，好像不能自定义的
胡杨
2016-12-06
回复

即使看不懂我也要装懂
1. Mr.He
  2016-12-06
  回复
  
  @胡杨你的浏览器好叼
文栋说自媒体
2016-12-06
回复

会改代码的人，真心厉害，必须支持一下！
1. Mr.He
  2016-12-06
  回复
  
  @文栋说自媒体哪里哦，也是瞎鼓捣而已
wu先生
2016-12-05
回复

嗯嗯，我这个模板默认就搞好了。
灰常记忆
2016-12-05
回复

现在这个主题蛮不错的，邮件回复随便折腾下就好。
1. Mr.He
  2016-12-05
  回复
  
  @灰常记忆这个主题比较独特，还行吧
励志语录
2016-12-05
回复

很不错的主题，好看
黑暗游侠
2016-12-05
回复

自己都懒得改，只是作一个提醒
1. Mr.He
  2016-12-05
  回复
  
  @黑暗游侠改与不改在于个人喜好。
苏格
2016-12-05
回复

才看到，还在留言里问你呢，我不要插件，总感觉插件多了系统各种臃肿啊，醉了
1. Mr.He
  2016-12-05
  回复
  
  @苏格….这插件挺实用的，没有臃肿的感觉啊。
2. 苏格
  2016-12-05
  回复
  
  @Mr.He强迫症，哈哈哈，插件多了总感觉打了好多补丁
3. Mr.He
  2016-12-05
  回复
  
  @苏格那你干脆用原版主题好了…
朴实的追梦者
2016-12-05
回复

博主文采很好，经常过来看看你的博文。
fooleap
2016-12-05
回复

邮件模板好像必须是内嵌 CSS，我的是最简陋的，都没时间去改，能用就行。
1. Mr.He
  2016-12-05
  回复
  
  @fooleap不内嵌，还指望各大邮件提供商给你加载css呀
2. fooleap
  2016-12-05
  回复
  
  @Mr.He不少邮件提供商跟邮件客户端支持引入 CSS 文件，就是支持内嵌的更多。
3. Mr.He
  2016-12-05
  回复
  
  @fooleap引入外部css，没试过，用七牛的外链不知可行。
4. fooleap
  2016-12-05
  回复
  
  @Mr.He https://www.campaignmonitor.com/css/CSS 选择器跟属性都支持不全
5. fooleap
  2016-12-05
  回复
  
  @Mr.He一不小心按成 Ctrl + Enter，我看上面那个链接，各种客户端的支持情况，感觉还是只能内嵌。毕竟大多数 CSS 的选择器以及属性都支持不全，内嵌写写简单的样式就好了。
6. Mr.He
  2016-12-05
  回复
  
  @fooleap我对回复带网址的加了过滤功能，所以审核之后才能看到。
  还是内嵌的css比较丰富一点，选择的余地大一些。
馋丫风独味
2016-12-05
回复

博客里的东西，尽量的去做好，不要凑合。博主做的很漂亮
钛客志
2016-12-04
回复

把邮件回复ui弄漂亮一点，确实能增加博客的粘度
1. Mr.He
  2016-12-04
  回复
  
  @钛客志眼前一亮，觉得博主是用心写博客的，哈哈
2. 钛客志
  2016-12-05
  回复
  
  @Mr.He果断挪用了
夏日博客
2016-12-04
回复

我的邮件回复功能已经取消了。
1. Mr.He
  2016-12-04
  回复
  
  @夏日博客其实也没什么大作用，哈
半山马
2016-12-04
回复

老何童鞋，插件能发给我一份吗？谢谢
1. Mr.He
  2016-12-04
  回复
  
  @半山马 https://github.com/byends/CommentToMail 给你一个地址，自己下载吧
纯洁博客
2016-12-04
回复

挺好看的，有空我也换上去
Lopwon
2016-12-04
回复

我来试一试
1. Mr.He
  2016-12-04
  回复
  
  @Lopwon额，你用的是多说
2. Lopwon
  2016-12-05
  回复
  
  @Mr.He这个回复有可选项嘛？就是可以自己勾选是否邮件通知，就想zblog那样
山野愚人居
2016-12-04
回复

把灰色调成了蓝色和红色……
1. Mr.He
  2016-12-04
  回复
  
  @山野愚人居这样评论内容更加明显一点

飞絮落叶雪

0 条

发表回复 取消回复

发表回复取消回复