给 WordPress 评论添加引用功能

林继 WordPress 2,452 共写了300个字 (2011-01-10 23:55:12) 没有评论 打印 扫描二维码 百度未收录

1、编辑你主题的评论模板(也就是comments.php)

  1. 找到<li>标签,模板的大致内容是<li <? php comment_class(); ?> id="comment-<? php comment_ID() ?>">开始,在合适的位置放上这段代码:
  2.  
  3. <a class="quote" href="#comment-<? php comment_ID() ?>">引用评论</a>
  4.  
  5. 也就是你要显示“引用评论”按钮的地方,至于这个按钮的样式这里就不讨论了;
  6.  
  7. 在评论作者的名称之间加入一个<span>标签,找到<? php comment_author_link() ?>,然后改成
  8.  
  9. <span class="comment_author"><? php comment_author_link() ?></span>
  10.  
  11. 也就是显示作者名称的地方,包裹这个<span>标签;
  12.  
  13. 找到<? php comment_text() ?>,修改成
  14. <div class="cmt_entry"><? php comment_text() ?></div>
  15. 或者在原来包裹<? php comment_text() ?>的<div>标签上添加 class 类"cmt_entry"
  16.  
  17. 也就是评论的主要内容区域,包裹这个<div>标签或者添加 class 类“cmt_entry”;

2、载入 jQuery 库

jQuery 库只要在 1.2 版本以上的即可支持这个功能,我用的是 Google AJAX API 中的 1.2.6:

  1. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js'></script>

修改后面的版本号就可以选择不同的版本。

3、添加 JavaScript 代码

这段 JavaScript 代码需要放在 jQuery 库的后面:

  1. $("a.quote").click(function(){
  2.     if($("#comment").length > 0){
  3.         var author = $(this).parents("li").find(".comment_author").text();
  4.         var content = $(this).parents("li").find(".cmt_entry").html();
  5.         var cmt_link = $(this).attr("href");
  6.         var output = $("#comment").val() + "<blockquote>";
  7.         output += "n<strong><a href="" + cmt_link + "">" + author + "</a> :</strong>";
  8.         output += "n"+content;
  9.         output += "n</blockquote>n";
  10.         $("#comment").val(output);
  11.         $("#comment").focus();
  12.         return false;
  13.     } else {
  14.         alert("评论已经关闭,无法引用。");
  15.         return false;
  16.     }
  17. });

本文来自:http://loo2k.com/add-quote-function-to-wordpress/

历史上的今天

1月
10

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >