湖南站长论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1251|回复: 0

Wordpress下文章归档页面和评论邮件回复模板

[复制链接]
发表于 2012-10-7 21:56:27 | 显示全部楼层 |阅读模式

帖子内包含图片,需登陆后查看高清大图

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
这两天一直在折腾文章归档和邮件回复模板,文章归档是我在用wordpress的时候的一个修改版本,仅仅就是把js效果添加上而已,而评论邮件回复的样式是我在网站随便溜达的时候看到的,有加以修改适合自己现在使用的东西采用的。今天又人问道wordpress下的这两种东西,所以今天就整理了一下,发出来。希望对博友们有用,也算是记录一下自己折腾的历史吧。
1、wordpress下文章归档页面(免插件,Js可伸缩效果)。
直接将下面的代码copy一下,放到一个新建页面,然后前台调用就好。因为有点懒,所以就不解释了。
  1. <?php
  2. /*
  3. Template Name: 文章归档
  4. */
  5. ?>
  6. <?php get_header(); ?>
  7. <!--这里开始CSS样式定义-->
  8. <style type="text/css">
  9. .my-archive h3 {cursor:move;margin-top:3px;}
  10. .my-archive ul li{list-style:none outside none;padding-top:2px;text-indent:8px;}
  11. </style>
  12. <!-- css end-->
  13.   <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  14. <div id="content">
  15.         <div id="post">
  16.         <div id="pageContent">
  17.         <h2>文章归档</h2>
  18.         <!--核心代码开始-->
  19. <span id="control" style="cursor:pointer;color:#666666;text-shadow:0 0 2px #66CD00;float: right;font-size: 15px;">全部展开/收起</span>
  20. <div class="my-archive">
  21. <?php
  22.         $previous_year = $year = 0;
  23.         $previous_month = $month = 0;
  24.         $ul_open = false;
  25.         $myposts = get_posts('numberposts=-1&orderby=post_date&order=DESC');
  26. ?>
  27. <?php foreach($myposts as $post) : ?>
  28. <?php
  29.         setup_postdata($post);
  30.         $year = mysql2date('Y', $post->post_date);
  31.         $month = mysql2date('n', $post->post_date);
  32.         $day = mysql2date('j', $post->post_date);
  33. ?>
  34. <?php if($year != $previous_year || $month != $previous_month) : ?>
  35. <?php if($ul_open == true) : ?>
  36. </ul>
  37.         <?php endif; ?>
  38.         <h3><?php the_time('Y年 m月'); ?></h3>
  39. <ul>
  40.         <?php $ul_open = true; ?>
  41.         <?php endif; ?>
  42.         <?php $previous_year = $year; $previous_month = $month; ?>
  43. <li><span><?php the_time('m-d'); ?><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><span style="float:right;"><a class="comm" href="<?php comments_link(); ?>" title="查看 <?php the_title(); ?> 的评论"><?php comments_number('0', '1', '%'); ?>人吐槽</a></span><span style="float:right; padding-right:20px;"><?php if(function_exists('the_views')) the_views(); ?></span></span></li>
  44. <?php endforeach; ?>
  45. </ul>
  46. </div>
  47. <!--核心代码结束-->
  48. </div> </div>
  49. <?php endwhile; endif; ?>
  50. <?php get_footer(); ?>
  51. <!--这里开始jQuery-->
  52. <script type="text/javascript">
  53.         jQuery(function($){
  54.                 $('.my-archive ul:gt(0)').hide();//第0和1 列默认显示,其他默认隐藏
  55.                 $('.my-archive h3').click(function() {//点击标题动作
  56.                 $('.my-archive ul').slideUp(300);//展开选择列
  57.                 $(this).next('ul').slideDown(500);//缩放同级其他元素
  58.                 });
  59.                 //一下是全局的操作
  60.                 $('#control').toggle(
  61.                 function(){
  62.                         $('.my-archive ul').slideUp();
  63.                 },
  64.                 function(){
  65.                         $('.my-archive ul').slideDown();
  66.                 });       
  67.         });       
  68. </script>
复制代码


2、wordpress下评论邮件回复模板。
这个模板和我现在用的邮件回复样式是一样的,想看图片的话请点击这里查看。好久没折腾过wordpress东西, 不知道下面的会不会有bug,我仔细检查过了,应该没错。把下面代码放到functions.php里,?>之前,如果之前有评论回复邮件的话,可以直接把它覆盖掉,当然也可以对比着来修改。下面的代码没有可选是否留言回复这个复选框,如果想添加上的话那就按照你的那个东西在相应的位置加上就好。
  1. //评论回复邮件
  2. function comment_mail_notify($comment_id) {
  3. $comment = get_comment($comment_id);
  4. $parent_id = $comment->comment_parent ? $comment->comment_parent : '';
  5. $spam_confirmed = $comment->comment_approved;
  6. if (($parent_id != '') && ($spam_confirmed != 'spam')) {
  7. $wp_email = '[email protected]' . preg_replace('#^www\.#', '', strtolower($_SERVER['SERVER_NAME']));//发件人e-mail地址
  8. $to = trim(get_comment($parent_id)->comment_author_email);
  9. $subject = '您在 [' . get_option("blogname") . '] 的留言有了回應';
  10. $message = '
  11. <div style="background-color:#fff; border:1px solid #666666; color:#111;
  12. -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px;
  13. border-radius:8px; font-size:12px; width:702px; margin:0 auto; margin-top:10px;
  14. font-family:微软雅黑, Arial;">
  15. <div style="background:#666666; width:100%; height:60px; color:white;
  16. -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;
  17. -khtml-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; ">
  18. <span style="height:60px; line-height:60px; margin-left:30px; font-size:12px;">
  19. 您在<a style="text-decoration:none; color:#00bbff;font-weight:600;"
  20. href="' . get_option('home') . '">' . get_option('blogname') . '
  21. </a>博客上的留言有回复啦!</span></div>
  22. <div style="width:90%; margin:0 auto">
  23. <p>' . trim(get_comment($parent_id)->comment_author) . ', 您好!</p>
  24. <p>您曾在 [' . get_option("blogname") . '] 的文章
  25. 《' . get_the_title($comment->comment_post_ID) . '》 上发表评论:
  26. <p style="background-color: #EEE;border: 1px solid #DDD;
  27. padding: 20px;margin: 15px 0;">' . nl2br(get_comment($parent_id)->comment_content) . '</p>
  28. <p>' . trim($comment->comment_author) . ' 给您的回复如下:
  29. <p style="background-color: #EEE;border: 1px solid #DDD;padding: 20px;
  30. margin: 15px 0;">' . nl2br($comment->comment_content) . '</p>
  31. <p>您可以点击 <a style="text-decoration:none; color:#00bbff"
  32. href="' . htmlspecialchars(get_comment_link($parent_id)) . '">查看回复的完整內容</a></p>
  33. <p>欢迎再次光临 <a style="text-decoration:none; color:#00bbff"
  34. href="' . get_option('home') . '">' . get_option('blogname') . '</a></p>
  35. <p>(此邮件由系统自动发出, 请勿回复.)</p>
  36. </div>
  37. </div>';
  38. $from = "From: "" . get_option('blogname') . "" <$wp_email>";
  39. $headers = "$from\nContent-Type: text/html; charset=" . get_option('blog_charset') . "\n";
  40. wp_mail( $to, $subject, $message, $headers );
  41. //echo 'mail to ', $to, '<br/> ' , $subject, $message; // for testing
  42. }
  43. }
  44. add_action('comment_post', 'comment_mail_notify');
复制代码
转载自 @所谓刚子 http://www.cgrabbit.info/blog/Wordpress-under-article-archive-page-and-comments-e-mail-reply-template.html




                               
登录/注册后可看大图
该贴已经同步到 杨景文的微博
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|手机版|Archiver|湖南站长论坛

GMT+8, 2022-5-26 00:42 , Processed in 0.055848 second(s), 11 queries , Gzip On, MemCached On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表