WordPress 博客非插件代码实现AJAX评论效果

AJAX效果即是提供评论的时候使用页面局部刷新的效果而不是整个页面刷新,实现这个效果虽然可以直接使用WordPress博客插件,但是很多WordPress博主是代码流,对于博客插件能少用则少用,能不用那就更好,所以博客吧介绍下非插件实现WordPress博客评论AJAX效果。

非插件AJAX效果方法:

  1. 下载文件comments-ajax.js和文件comments-ajax.php,博客吧提供打包下载comments_ajax,把这两个文件上传至主题的根目录
  2. 登陆自己的Wordpress博客后台,点击“外观”选项卡下的编辑选项进入主题编辑页面
  3. 选择编辑header.php文件,找到代码
    < ?php if (is_singular()) wp_enqueue_script(‘comment-reply’); ?>
  4. 把上面的代码替换为以下代码
    1
    2
    3
    4
    
    <?php if (is_singular()){ ?>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/comments-ajax.js"></script>
    <?php } ?>
  5. 更新文件,这样就完成了不用插件实现wordpress博客评论的AJAX效果了

提示:部分主题的header.php文件没有该行代码,那就找到

<?php wp_head(); ?>

在该代码前面(上面)添加上面的代码即可。
提醒:AJAX功能实现代码和文件非博客吧原创,原出处不详,但该文章是博客吧原创。

网友留言:

  1. 2015-07-20回复

    试一下

  2. 2011-11-01回复

    我还是不用这个AJAX技术了,保持最原始的样子。

  3. daf
    2011-04-03回复

    怎么我就用不了呢。。

    • 博主板凳
      2011-04-03回复

      @daf, 上面这个是很旧的版本,你到willin找找新版的吧。

  4. daf
    2011-04-03回复

    测试一下效果

  5. 2011-01-06回复

    看下效果

  6. 2010-12-02回复

    谢谢,非常好用,虽然不是原创感谢!

  7. 2010-11-11回复

    這個版本沒有 “再編輯” 功能, 是很舊的版本, 好像是適用於 WP 2.7 的吧…
    新版的要不要? 要自己來拿.

  8. 2010-11-11回复

    你偷了我的東西.

    • 博主板凳
      2010-11-11回复

      @willin, 请证明原作者是你本人,然后提供文章原URL链接,博客吧添加上。

      • sky
        2010-12-30回复

        不是每个模板都是能这样实现的

      • 2011-04-25回复

        @板凳, 我相信是willin的。我用过他的作品

        • 博主板凳
          2011-04-25回复

          @hit9, 是willin的

  9. 2010-10-28回复

    正在看这篇AJAX评论效果,测试下你的站点是否已经启用。

    • 博主板凳
      2010-11-11回复

      @荣斌, 博客吧没有使用该效果,而是直接使用插件。

      • li
        2011-06-12回复

        @板凳, 试一下效果,好像提交有点问题

发表留言