终于是时候彻底告别WordPress自带的搜索了

Jun 10

Google早就提供自定义搜索的功能,可惜又要申请代码又要改模板的,我倒是尝试过,最后撤了,嫌麻烦,继续用WordPress自带的慢吞吞搜索,不过现在……

Google大神又提供了一个添加自定义搜索到WordPress侧边栏的方法。当然了,这个方法不限于WordPress,适用于任何网站。而且简单得令人发指。

终于终于是时候彻底告别WordPress自带的搜索了,Yeah!

第一步:把以下代码添加到一个Widget里面,所有网站都一样,不用去申请不同代码。

<!– Google Custom Search Element –>
<div id=”cse” style=”width:100%;”>Loading</div>
<script src=”http://www.google.com/jsapi” type=”text/javascript”></script>
<script type=”text/javascript”>
google.load(‘search’, ’1′);
google.setOnLoadCallback(function(){
new google.search.CustomSearchControl().draw(‘cse’);
}, true);
</script>

第二步:Ooops,没了,简单吧。 效果见网贝侧边栏。如果你还没见过这个效果,请一定要看一下,超炫超强的。

42 comments

  1. Yixin /

    太好了!结果也在侧边栏,好

  2. toopoo /

    测试搜索“绿坝”,1?没反应 不好用啊
    然后测试搜索“测试” 哈哈 出来了 太搞了

  3. 如果不带 powered by Google就更好了。

  4. 我也加上代码了。
    效果倒是比较炫,不过准确度似乎不够高,广告也是有时候出现有时候不出现。
    btw: 这个自定义搜索的获知来源是哪里呢?

  5. 不错……不过还是不打算用

  6. 貌似你用的是mac 字真好看

  7. 这下方便了

  8. 这个的确强大,一定要试试。

  9. 找时间折腾一下 :-P

  10. 这个主题貌似自带Google自定义搜索啊

  11. 赞!这个方法简单!

  12. 简单多啦.真棒!

  13. 真是简单到令人发指!

  14. 这个好玩,我去折腾下~~

  15. 奇怪啊,我那里怎么总是loading呢?

  16. Harley /

    我那里也总是loading,我放在text的Widget里的

  17. @盆地
    我觉得是就是google搜索的site:吧

    @eddie
    不是啦,呵呵,是GDI++

    @老N
    @Harley
    你们俩是不是用了no script之类的东西啊

  18. @blacktulip
    可能我的问题没有说清楚,我的意思是指这种方法是自己发掘的,还是在哪里给出的。我记得adsense的搜索是没有这种的。
    另外,这个搜索结果在某些情况下是会有广告的,比如在你的博客中搜索”WordPress”,不知道这个广告点击的收入算谁的?因为这个代码中没有adsense的id,所以恐怕是不算站长的吧。

  19. @盆地
    哦哦,这个,我用了有adsense的代码,文章里面给的是没有adsense的代码,呵呵。
    忘加链接了,已经加上

  20. @blacktulip
    对cutstom search没怎么注意过,谢谢发掘了个这么好用的东西,呵呵

  21. 好啊.不过原来得WP搜索怎么处理掉呢?

  22. @Ranel
    到模板里面直接注释掉, 我是这么干的,呵呵

  23. Harley /

    @blacktulip
    没有noscript,你的显示正常,我自己的出不来啊

  24. @Harley
    到google那里去拷贝代码吧,呵呵,那个链接里头,试试看那样行不行

  25. Harley /

    好了,可能是你的adsense代码的问题,呵呵

  26. 你用的inove可以在后台直接设置启用google搜索,不用这么麻烦啊

    我来问你启用了backtype插件后有没有发现inove用这个插件好像有问题,有时候自己的头像会跟读者的一样都靠到左边去了。

  27. 呃,好像你这个效果更好一些

  28. 还是喜欢搜索内容显示在正文区~

  29. @kerby
    应该不是插件的问题,有时用另一个邮箱的话,头像就会上左边去

  30. 真leeeeeet

  31. 很炫,但还是不太适应搜索结果在侧栏,感觉太拥挤了

  32. 很好,我喜欢谷歌。

  33. 我是在想,博客里面的搜索大多数是用来摆设的.除非网站内容很多\流量很高.

  34. 请问,怎么可以删除呢?

  35. @David
    删除什么啊?

  36. 用上了,谢了,的确简单强大到可怕!!

  37. @David
    如果是删除搜索结果的话,点Search右边的X就好了

  38. 非常不错的样子嘛.也来试试.

  39. 我现在还在使用Google的自定义搜索。。
    我记得你以前不是用这个主题的,啥时候换上的。

  40. 这个是Google AdSense的搜索一样吗?

  41. 确实方便多了,但是我用的主题是集成了搜索的。。

  42. 貌似比我现在那个好用!

Trackbacks/Pingbacks

  1. 用新Google Search Element做为博客搜索 - 老N的博客 - [...] 从网贝看到的这则消息,这个方法真是简单多了,原来还要对主题该来该去,这回只要把下面的代码添加到博客里就行了:(大家都一样的,自动搜索本域名的) [...]
  2. wordpress中文教程技巧 - 基础与设计布局 | 鸭脖客 - [...] 在边栏添加google自定义搜索 [...]
  3. wordpress中文教程技巧 – 基础与设计布局 | 梦幻天坛 - [...] 在边栏添加google自定义搜索 [...]
  4. 终于是时候彻底告别WordPress自带的搜索了-建站指南-站长经验 » By admin » 发布 » sin32 - [...] 本文来自:http://webabie.com/easiest-way-to-add-google-custom-search/ 上一篇: Wordpress 2.8正式发布–在升级前后你需要知道的事情-建站指南-站长经验 下一篇: WordPress Continents Cities 的用途-建站指南-站长经验 var aText="在线高速观看"; var ...

Leave a Reply