首页 » 建站技术 » WordPress » 浏览内容

给 WordPress 评论添加引用功能


2011-01-10 23:55:12 2,007 0 发表评论 字体: 作者:C.K.
标签: WordPress

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

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

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

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

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

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


    3、添加 JavaScript 代码

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

    $("a.quote").click(function(){
  •     if($("#comment").length > 0){
  •         var author = $(this).parents("li").find(".comment_author").text();
  •         var content = $(this).parents("li").find(".cmt_entry").html();
  •         var cmt_link = $(this).attr("href");
  •         var output = $("#comment").val() + "<blockquote>";
  •         output += "n<strong><a href="" + cmt_link + "">" + author + "</a> :</strong>";
  •         output += "n"+content;
  •         output += "n</blockquote>n";
  •         $("#comment").val(output);
  •         $("#comment").focus();
  •         return false;
  •     } else {
  •         alert("评论已经关闭,无法引用。");
  •         return false;
  •     }
  • });
  • 本文来自:http://loo2k.com/add-quote-function-to-wordpress/

      网站统计 Statistics

      • 创建时间: 2005年1月3日 距今4764 天
      • 日志总数: 2461
      • 评论总数: 630
      • 标签总数: 654
      • 链接总数: 273
      • 最后更新: 2017-7-1 18:16:33
      • 您是本站第 13199045 位访客

      广告区 Guǎng Gào