靳闯博客 记录是一种习惯 、分享是一种态度
  • 波浪
  • 波浪
  • 波浪
  • 波浪
typecho评论html邮件模板
发表于: | 分类: 技术积累 | 标签: Html

对于及时收到博客博文的评论,邮件通知是相当不错的选择了,当然使用微信接收更加方便快捷!

使用邮件的方式:插件名称:CommentToMail 插件版本:2.0.1

插件链接/安装使用方法:https://9sb.org/58


今天没事就把插件的发送邮件模板样式从写了下,个人喜好想不出啥好看的样式了
2019.02.20更新配色和样式


新评论接收邮件模板样式 owner.html

<html>
<head>
<style>
    a{ text-decoration: none;}
    .m {
        width: 700px;
        height: 350px;
        border-radius: 5px;
        background: #ffffff;
        color: #2196f3;
        border:1px solid #2196f3;
    }
    .t {
        background: #2196f3;
        padding: 5px;
        font-size: 1.0em;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: #fff;
        border-bottom: 1px dashed #ffffff;
        text-align: center;
    }
    .o {
        border: 1px dashed;
        margin: 15px;
        height: 120px;
        padding: 5px 5px;
        border-radius: 5px;
        color:#2196f3;
        font-weight:bold;
        font-size:0.9em;
    }
    .h {
        text-indent:25px;
        color: #f52a57;
        font-weight: 400;
    }
    .x {
        margin-left: 15px;
        margin-top: 25px;
        height: 150px;
        padding: 5px 5px;
        color:#2196f3;
        font-weight:bold;
        font-size:0.9em;
    }
    .c {
        color: #ffffff;
        background: #2196f3;
        border-radius: 5px;
        padding: 2px 5px 2px 5px;
    }
</style>
</head>

<body>
<div class="m">
<div class="t">
{siteTitle}:文章 [{title}] 有新的评论
</div>
<div class="o">
[{author}] 的评论内容为:
<p class="h">{text}</p>
</div>
<hr  style="border:1px dashed;width:670px;color:#d0d0d0;"/>
<div class="x">
评论用户:{author}<br>
评论时间:{time}<br>
评论&ensp;&ensp;IP:{ip}<br>
评论邮箱:{mail}<br>
评论状态:{status} <p style="color:#2196f3;float: right;">操作:<a class="c" href='{manage}' target='_blank' >管理评论</a></p>
</div>
</div>
</body>
</html>

评论回复接收邮件模板样式 guest.html

<html>
<head>
<style>
    a{ text-decoration: none;}
    .m {
        width: 700px;
        height: 430px;
        border-radius: 5px;
        background: #ffffff;
        color: #2196f3;
        border:1px solid #2196f3;
    }
    .t {
        background: #2196f3;
        padding: 5px;
        font-size: 1.0em;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: #fff;
        border-bottom: 1px dashed #ffffff;
        text-align: center;
    }
    .o {
        border: 1px dashed;
        margin: 15px;
        height: 120px;
        padding: 5px 5px;
        border-radius: 5px;
        color:#2196f3;
        font-weight:bold;
        font-size:0.9em;
    }
    .h {
        text-indent:25px;
        color: #f52a57;
        font-weight: 400;
    }
    .i {
        margin: 15px;
        height: 120px;
        padding: 5px 5px;
        color:#2196f3;
        font-weight:bold;
        font-size:0.9em;
    }
</style>
</head>

<body>
<div class="m">
<div class="t">
用户 [{author_p}] 在靳闯博客 [{title}] 博文中对你的评论进行了回复
</div>
<div class="o">
你的评论内容为:
<p class="h">{text_p}</p>
</div>
<hr  style="border:1px dashed;width:670px;color:d0d0d0;"/>
<div class="o">
用户[{author}]对你的评论回复:
<p class="h">{text}</p>
</div>
<div class="i">
评论回复时间:{time}<br>
<p style="color: #7d7d7d;">本邮件为{siteTitle}自动发送,请勿直接回复;点击跳转:<a target="blank" href="https://me.jinchuang.org/">靳闯博客</a></p>
</div>
</div>
</body>
</html>

插件后台模板设置

guest.png
owner.png

样式配色

comti0.png

评论邮件模板样式

comti1.png

评论回复邮件模板样式

comti2.png


2019.02.20 更新配色;owner模板下载 guest模板下载

comment-template.png


商业转载请联系作者获得授权,非商业转载请注明出处 本文地址:https://me.jinchuang.org/archives/248.html

如果这篇文章帮助到了你,我感到十分荣幸!


📑 留言内容 ↴

  1. 这可惜能力有限实在是合成不出来什么好看的效果。怪我太菜,感谢大佬。 :facepalm

    1. 哎我也是,审美不行,写不出好看的样式

  2. 支持WordPress吗?我百度搜了一下 貌似是 Ty的吧 :idea:

    1. 这个插件就是wp的:WP Better Emails,,可以自定义的模板的。

      1. 好的 谢谢博主了 :mrgreen:

    2. 我的这个是Ty的,不过wp的肯定有很多类似插件的

  3. 对潇潇暮雨洒江天,一番洗清秋。渐霜风凄紧,关河冷落,残照当楼。是处红衰翠减,苒苒物华休。唯有长江水,无语东流。不忍登高临远,望故乡渺邈,归思难收。叹年来踪迹,何事苦淹留?想佳人,妆楼颙望,误几回、天际识归舟。争知我,倚栏杆处,正恁凝愁!

    1. 生如画,有了微笑的画卷便添了亮丽的色彩。人生如酒,有了微笑的美酒便飘着诱人的醇香。人生如歌,有了微笑的歌声便多了动人的旋律。人生如书,有了微笑的书籍便有了闪光的主题。给自己一个微笑,让心情开心;给别人一个赞赏的微笑,或许可以成为种种鼓励。微笑面对人生,将会有微笑的回报。

📬 评论留言 ↴

TOP