修改WordPress邮件通知样式

作者:Matrix 被围观: 760 次 发布时间:2013-12-10 分类:wordpress建站 兼容并蓄 | 8 条评论 »

NOTICE:这是一个创建于 1088 天前的主题,其中的信息可能已经有所发展或是发生改变。

邮件样式

邮件通知,每当有评论回复时系统会发送一封邮件告知被评论者。

WordPress上免插件实现的方法:http://www.cmhello.com/Wordpress-comments-email-code.html

我选的第一种:所有回复都发送邮件通知。

$message='发送的邮件内容以及样式代码';

上面为邮件内容。

样式如上图,把发送的邮件内容以及样式代码改为下面代码:

  1. <TABLE cellSpacing="0" cellPadding="0" width="618" align="center">  
  2. <TBODY>  
  3. <TR>  
  4. <TD style="FONT-FAMILY: Tahoma,Helvetica,Arial,sans-serif; "><TABLE style="FONT-SIZE: 12px; MARGIN: 0px auto; OVERFLOW: hidden; HEIGHT: auto" cellSpacing="0" cellPadding="0" >  
  5. <TBODY>  
  6. <TR>  
  7. <h1 id="logo">'.get_option('blogname').'</h1>  
  8. </TR>  
  9. <TR>  
  10. <TD style="OVERFLOW: hidden; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: auto; BORDER-BOTTOM-STYLE: none">  
  11. <TABLE style="PADDING-RIGHT: 25px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 27px; WIDTH: 588px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none" cellSpacing="0" cellPadding="0" border="0">  
  12. <TBODY>  
  13. <TR>  
  14. <TD style="BACKGROUND: url(http://a.xnimg.cn/imgpro/mail/edm-hot-bg-middleLeft.png); WIDTH: 17px"></TD>  
  15. <TD style="BACKGROUND: #fff"><DIV><IMG style="DISPLAY: block; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none" src="http://a.xnimg.cn/imgpro/mail/edm-hot-bg-middleTop.png"></DIV>  
  16. <TABLE style="MARGIN-TOP: 10px; MARGIN-LEFT: 13px; WIDTH: 500px" cellSpacing="0" cellPadding="0" border="0">  
  17. <TBODY>  
  18. <TR>  
  19. <TD style="BACKGROUND: #fff" width="500"><H2 style="MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-LEFT: 0px">'.trim(get_comment($parent_id)->comment_author).' , Hello!</H2>  
  20. <P style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; LINE-HEIGHT: 12px; PADDING-TOP: 0px">&#x60A8;&#x66FE;&#x5728;&#x300A;'.get_the_title($comment->comment_post_ID).'&#x300B;&#x7559;&#x8A00;:</P>  
  21. <p style="color: #777;border: 1px solid #DDD;padding: 5px 8px 5px 8px;background-color: #FCFCFC;border-radius: 3px 3px 3px 3px;font-size: 12px;line-height: 22px;font-family: Consolas,Courier,minispace,Lucida Console;">  
  22. '.trim(get_comment($parent_id)->comment_content).'  
  23. </p>  
  24. <P style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; LINE-HEIGHT: 12px; PADDING-TOP: 0px">  
  25. '.trim($comment->comment_author).'&#x7ED9;&#x60A8;&#x7684;&#x56DE;&#x590D;:  
  26. </P>  
  27. <p style="color: #777;border: 1px solid #DDD;padding: 5px 8px 5px 8px;background-color: #FCFCFC;border-radius: 3px 3px 3px 3px;font-size: 12px;line-height: 22px;font-family: Consolas,Courier,minispace,Lucida Console;">  
  28. '.trim($comment->comment_content).'  
  29. </p>  
  30. &#x60A8;&#x53EF;&#x4EE5;&#x70B9;&#x51FB;<a href="'.htmlspecialchars(get_comment_link($parent_id)) .'" target="_blank">&#x67E5;&#x770B;&#x56DE;&#x590D;&#x7684;&#x5B8C;&#x6574;&#x5167;&#x5BB9;</a>  
  31. </TR>  
  32. <TR>  
  33. <TD style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px" colSpan="2"><IMG style="DISPLAY: block; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none" src="http://a.xnimg.cn/imgpro/mail/edm-hot-line.png"> </TD>  
  34. </TR>  
  35. </TBODY>  
  36. </TABLE>  
  37. <DIV><IMG style="DISPLAY: block; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none" src="http://a.xnimg.cn/imgpro/mail/edm-hot-bg-middleTop.png"></DIV></TD>  
  38. <TD style="BACKGROUND: url(http://a.xnimg.cn/imgpro/mail/edm-hot-bg-middleRight.png); WIDTH: 17px"></TD>  
  39. </TR>  
  40. </TBODY>  
  41. </TABLE></TD>  
  42. </TR>  
  43. <TR>  
  44. <TD style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 15px; OVERFLOW: hidden; WIDTH: 100%; COLOR: #999; LINE-HEIGHT: 14px; PADDING-TOP: 15px; TEXT-ALIGN: center">&#x8FD9;&#x662F;&#x7CFB;&#x7EDF;&#x53D1;&#x7ED9;<A style="COLOR: #336699; TEXT-DECORATION: none" >'.trim(get_comment($parent_id)->comment_author).'</A>&#x7684;&#x8BAF;&#x606F;&#xFF0C;&#x8BF7;&#x52FF;&#x56DE;&#x590D;&#x3002;  
  45. &#x6B22;&#x8FCE;&#x518D;&#x5EA6;&#x5149;&#x4E34; <a href="'.get_option('home') .'">'.get_option('blogname') .'</a>  
  46. </TD>  
  47. </TR>  
  48. </TBODY>  
  49. </TABLE></TD>  
  50. </TR>  
  51. </TBODY>  
  52. </TABLE>  
  53. <style type="text/css">  
  54. body{font-size:14px;font-family:arial,verdana,sans-serif;line-height:1.666;padding:0;margin:0;overflow:auto;white-space:normal;word-wrap:break-word;min-height:100px}  
  55. td, input, button, select, body{font-family:Helvetica, \'Microsoft Yahei\', verdana}  
  56. pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}  
  57. th,td{font-family:arial,verdana,sans-serif;line-height:1.666}  
  58. img{ border:0}  
  59. header,footer,section,aside,article,nav,hgroup,figure,figcaption{display:block}  
  60. #logo {  
  61. text-align:center;  
  62. }  
  63.   
  64. </style>  

说明:

若出现问题,请尝试转换中文标点为英文的。

之前出现乱码,所以用的utf-8编码。

样式来自人人网邮件,

人人网邮件

 

图片素材都打包了,方便以后的本地化:

下载:http://www.400gb.com/file/42884686

http://pan.baidu.com/s/1xjiZ7

参考:http://www.cxsir.com/Wordpress-email-style.html

本文固定链接:http://www.hhtjim.com/modify-the-wordpress-email-notification-style.html
Matrix
本文章由 Matrix 于2013年12月10日发布在wordpress建站, 兼容并蓄分类下,目前没有通告,你可以至底部留下评论。
转载请注明:修改WordPress邮件通知样式-HHTjim'S 部落格
关键字:,

有8 条评论 »

  1. mooc mooc 2013-12-23 20:15:35 +0800#5

    😆 主题挺漂亮的~赞一个

    • Matrix Matrix Moderator 2013-12-23 22:27:57 +0800

      😆 嗯嗯。最喜欢这种风格啦 不过是从人家那里搬来的。

  2. 小菜 小菜 2013-12-20 19:11:50 +0800#4

    '字符没有表达,可能标题不能转换unicode码

    • Matrix Matrix Moderator 2013-12-21 12:48:15 +0800

      谢谢提醒啊 ,我改过好多次了,都没办法解决。
      它把单引号转换成了HTML 实体'

  3. 小菜 小菜 2013-12-20 19:05:03 +0800#3

    New Message 'on HHTjim'S 部落格 标题显示有问题

  4. 小菜 小菜 2013-12-20 19:01:31 +0800#2

    挺漂亮的支持个

  5. 佳佳君 佳佳君 2013-12-16 18:04:59 +0800#1

    多说党无爱。。。

    • Matrix Matrix Moderator 2013-12-16 21:46:08 +0800

      还是佳佳君好啊 🙂

添加新评论 »

 😛 Sad 忧伤 👿 Smile 笑脸 😳 😀 😯 😮 😕 😎 😆 😡 😈 Roll Eyes 转眼珠 😉 💡 😐 😥 Mr Green 绿脸先生

NOTICE: You should type some Chinese word (like “你好”) in your comment to pass the spam-check, thanks for your patience!