Loading...

集成google ajax search到你的wordpress blog中

上一次介绍了如何在wordpress上添加站内搜索,有朋友已经成功的安装了,利用google搜索的好处我不用再多说,如果你还不知道,你就站内搜索“google 搜索 好处”吧。这次我要介绍如何将google的ajax搜索安装在你的wordpress上面,具体效果如本站所示。

安装ajax搜索的优点是你可以随时随地进行搜索,并且将结果显示在当前的页面,而不需要跳转到其他的页面上去,也可以通过点击搜索框旁边那个红叉方便的关闭搜索结果,但是不好的就是你如果在使用google的ads的话,可能这样的ajax搜索是不会给你带来收入了,别指望google的那点收入了,不过还是你自己权衡吧,废话少说,下面开始介绍。

主要的任务依然是修改你的模板,我下面提到的文件名字均在你当前使用的模板文件夹下。

  1. 首先去http://code.google.com/apis/ajaxsearch/signup.html申请一个ajax search的API;
  2. 打开header.php,添加google ajax 搜索需要用到的js css。代码在后面的附件txt文件中;
  3. 打开sidebar.php,添加搜索框,在合适的地方添加代码<script type="text/javascript"><!--
    OnLoad();
    // --></script>

    对,就这么简单,因为js会查找这个div,然后写入搜索框到该div;
  4. 开你的single.php index.php page.php等等,在需要显示结果的地方加上下面的代码: <script type="text/javascript"><!--
    OnLoad();
    // --></script>

    ,是不是也是很简单?
  5. 如果你安装了cos-html-cache,请更新缓存,然后在各个页面进行搜索,看是否成功,如果有JS错误,表示该页面对应的模板没有完成好第四步的操作.
  6. 复制的代码请替代一下双引号‘’,wp自动的把半角的转发成全角的了,所以你需要全文替代一下!,如果你是中文blog,请注意文件保存的时候选择UFT-8编码,如下图:

有问题,或者成功安装,别忘了再这里留下脚印哦.

附件: header.txt

该日志未加标签
发表于 2007-06-13 15:44:45 目录:Wordpress, 网站技术 [RSS 2.0] 你可以发表评论, 或者从您的网站 trackback
  • 相关阅读
  • feed url
    下一篇: 友情链接的申明 »
    已经有17位大师动手指导 拒绝低俗
    评论分页: 1
    (Required)
    (Required, not published)
    如果留言未显示无需重复留言,我将为你恢复!