为Wordpress添加Ajax效果(AjaxWp插件)
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 -->
强烈建议你在做这些工作前做好备份,更高效优化方法请仔细阅读原文档!
:)
再,再坚持三个月,我就wp了,^_^
(AjaxWp插件) 下载不来。 压缩包错误的。
链接的是插件原作者的站点,如果下载不了,说明他可能已经不维护这个插件了。
看看一下子哈!