上一次介绍了如何在wordpress上添加站内搜索,有朋友已经成功的安装了,利用google搜索的好处我不用再多说,如果你还不知道,你就站内搜索“google 搜索 好处”吧。这次我要介绍如何将google的ajax搜索安装在你的wordpress上面,具体效果如本站所示。
安装ajax搜索的优点是你可以随时随地进行搜索,并且将结果显示在当前的页面,而不需要跳转到其他的页面上去,也可以通过点击搜索框旁边那个红叉方便的关闭搜索结果,但是不好的就是你如果在使用google的ads的话,可能这样的ajax搜索是不会给你带来收入了,别指望google的那点收入了,不过还是你自己权衡吧,废话少说,下面开始介绍。
主要的任务依然是修改你的模板,我下面提到的文件名字均在你当前使用的模板文件夹下。
- 首先去http://code.google.com/apis/ajaxsearch/signup.html申请一个ajax search的API;
- 打开header.php,添加google ajax 搜索需要用到的js css。代码在后面的附件txt文件中;
- 打开sidebar.php,添加搜索框,在合适的地方添加代码
<script type="text/javascript"><!--
OnLoad();
// --></script>
对,就这么简单,因为js会查找这个div,然后写入搜索框到该div; - 开你的single.php index.php page.php等等,在需要显示结果的地方加上下面的代码:
<script type="text/javascript"><!--
OnLoad();
// --></script>
,是不是也是很简单? - 如果你安装了cos-html-cache,请更新缓存,然后在各个页面进行搜索,看是否成功,如果有JS错误,表示该页面对应的模板没有完成好第四步的操作.
- 复制的代码请替代一下双引号‘“’,wp自动的把半角的转发成全角的了,所以你需要全文替代一下!,如果你是中文blog,请注意文件保存的时候选择UFT-8编码,如下图:

有问题,或者成功安装,别忘了再这里留下脚印哦.
附件: header.txt
该日志未加标签
没成功啊,显示不了搜索框 不知道是不是我blog的模板问题!