为Wordpress添加Ajax效果(AjaxWp插件)

  • Posted on
  • by

Ajax可以让你的网站看起来比较炫,显得比较快。现在,如果你用Wordpress构架的网站,你也可以为你的blog添加Ajax功能,只要采用AjaxWp这一增强工具。安装了AjaxWp后的效果如这一个网站所示。有两种安装方法,第一种安装简单,第二种比较高效,但是安装比较麻烦。本文主要介绍第一种(经本人测试成功)。

快速安装法:

1. 下载最新的 AjaxWp 包;

2. 把js 文件夹下面的文件拷贝到你存放java脚本的文件夹(本人建议将下载的js文件夹名改为JS直接上传到根目录);

3. 把包含加载指示图标的文件夹images上传到blog的根目录;

4. 把 ajax-wp.php 上传到你blog的根目录;

5. 在你当前使用的主题(位于/wp-content/themes/[YOUR_THEME])的header.php添加如下代码(请将[JS_FOLDER]替换成你存放js中的文件的文件夹):

<!-- Begin AjaxWp Code (http://www.giannim.com/projects/ajax-wp/) -->

<script type="text/javascript" src="/[JS_FOLDER]/prototype.js"></script>

<script type="text/javascript" src="/[JS_FOLDER]/prototype-extensions.js"></script>

<script type="text/javascript" src="/[JS_FOLDER]/scriptaculous.js?load=effects"></script>

<script type="text/javascript" src="/[JS_FOLDER]/unFocusHistory.js"></script>

<script type="text/javascript" src="/[JS_FOLDER]/ajax-wp.js"></script>

<script type="text/javascript">

//<![CDATA[

ajax_wp_updatable_element = "content";

ajax_wp_blog_title = "My Blog";

ajax_wp_blog_base_path = "/blog";

ajax_wp_permalink = "mod-rewrite";

ajax_wp_search_field = "s";

ajax_wp_update_mode = "Optimized";

ajax_wp_callback_page = "ajax-wp.php";

ajax_wp_loading_image = "/images/loading.gif";

//]]>

</script>

<!-- End AjaxWp Code -->

强烈建议你在做这些工作前做好备份,更高效优化方法请仔细阅读原文档!