靳闯博客 记录是一种习惯,分享是一种态度
博客评论邮件通知插件-邮件通知html模板
发表于: | 分类: 技术积累 | 标签: Html | 评论:6 | 阅读: 753

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

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

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


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


新评论接收邮件模板样式 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


商业转载请联系作者获得授权,非商业转载请注明出处,谢谢合作。


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

已有 6 条评论

  1. Zero Zero   Windows 10 x64 Edition Google Chrome 68.0.3440.106

    支持WordPress吗?我百度搜了一下 貌似是 Ty的吧 icon_idea.png

    1. J.C J.C   Windows 10 x64 Edition Google Chrome 66.0.3359.181

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

      1. Zero Zero   Windows 10 x64 Edition Google Chrome 68.0.3440.106

        好的 谢谢博主了 icon_mrgreen.png

    2. J.C J.C   Windows 10 x64 Edition Google Chrome 66.0.3359.181

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

  2. J.C J.C   Windows 10 x64 Edition Google Chrome 66.0.3359.181

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

    1. J.C J.C   Windows 10 x64 Edition Google Chrome 66.0.3359.181

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

或许你不想写点什么·但我依旧在这里

icon_mrgreen.pngicon_neutral.pngicon_twisted.pngicon_arrow.pngicon_eek.pngicon_smile.pngicon_confused.pngicon_cool.pngicon_evil.pngicon_biggrin.pngicon_idea.pngicon_redface.pngicon_razz.pngicon_rolleyes.pngicon_wink.pngicon_cry.pngicon_surprised.pngicon_lol.pngicon_mad.pngicon_sad.pngicon_exclaim.pngicon_question.png2018new_aini_org.png2018new_baobao_thumb.png2018new_erha_org.png2018new_kuxiao_thumb.png2018new_yun_thumb.png2018new_hufen_thumb.png2018new_gui_org.png2018new_xiaoerbuyu_org.png2018new_heixian_thumb.png2018new_wabi_thumb.png2018new_tianping_thumb.png

站点地图 网站地图
豫ICP备17003270号 | Copyright © 2018 💖 靳闯博客
Typecho🍹Sgreen
TOP