整合 Google 自定义搜索到 WordPress 中
April 29th, 2008 at 01:12pm 雪山飞猪 浏览: 1,475
整合 Google 自定义搜索到 WordPress 中好像有很多好处,可以减少数据库查询,因为搜索结果是 Google 提供的,不用再去数据库中搜索了。能够更加全面的搜索,WordPress 目前只能搜索 post。另外还可以在搜索结果中绑定 Google Adsense 赚钱。嗯,很爽,那么如何整合 Google 自定义搜索到 WordPress 中。步骤如下:
1. 在 WordPress 中创建一个页面,然后再在导航栏中设置为不显示该页面,如果你是用 wp_list_pages() 这个函数输出页面的,你可以使用 exclude 这个参数把刚才创建的页面剔除出去。
2. 登录到 Google 自定义搜索,创建你的自定义搜索。
3. 在输入你的基本信息和网站之后,来到代码 tab 页面。详细配置如下:
4. 搜索结果托管选项选项:选择在非 Google 网站上托管结果,然后选择 iframe
5. 指定搜索结果详情:输入你第一步创建页面的页面的地址。如我的:http://fairyfish.net/search/
6. 然后用搜索框代码替换你原来的 WordPress 搜索框代码。你需要根据你自己的 WordPress 搜索框的样式对这段代码做下修改,以适合你的主题。
7. 编辑你第一步创建的页面,把搜索结果代码复制到该页面。你也需要对该段代码做些调整。主要是修改下 googleSearchFrameWidth = 600;,把 600 修改成适合你主体的宽度。
8. 然后到达外观 tab 页面,在该页定义搜索框样式和搜索结果配色方案。
9. 如果你要整合 Google Adsense 到这个结果中来,还可以使用到赚钱这个 tab 页面,绑定你 Google Adsense 账号。
就这么多,如果还不明白,我也没有办法。
作者:雪山飞猪
原文链接:整合 Google 自定义搜索到 WordPress 中
我爱水煮鱼版权所有,转载时必须以链接形式注明作者和原始出处及本声明。




1. ysuiyun | April 29th, 2008 at 1:20 pm
沙发,哈~
[回复该留言]
2. 54geek | April 29th, 2008 at 1:22 pm
沙发
[回复该留言]
3. 54geek | April 29th, 2008 at 1:22 pm
原来不是的,慢了一步,呵呵
[回复该留言]
4. 雀巢 | April 29th, 2008 at 2:14 pm
学习了
[回复该留言]
5. summer | April 29th, 2008 at 2:43 pm
我用google ads加了一个搜索框:)
其实google的检索比本地快~
[回复该留言]
6. adam | April 29th, 2008 at 3:05 pm
不够详细 呵呵 比如要实现搜索结果显示在http://fairyfish.net/search/ 要把search.php放在根目录
[回复该留言]
雪山飞猪 reply on April 29, 2008:
是 http://fairyfish.net/search/ 不是 http://fairyfish.net/search.php
这是 WordPress 的一个静态页面。
[回复该留言]
7. Admin9 | April 29th, 2008 at 3:39 pm
刚从chinaz看到。过来看看。
[回复该留言]
雪山飞猪 reply on April 29, 2008:
chinaz是什么?
[回复该留言]
sytao reply on April 29, 2008:
站长站
[回复该留言]
雪山飞猪 reply on April 29, 2008:
看了下,全部是.....
[回复该留言]
Crazy Loong reply on April 29, 2008:
你的版权声明又被忽略了
[回复该留言]
雪山飞猪 reply on April 29, 2008:
防不胜防!垃圾网站太多了!
[回复该留言]
Admin9 reply on April 29, 2008:
忽略版权的事,他们经常干。。
[回复该留言]
摩摩诘 reply on April 30, 2008:
中国站长站是个垃圾,到处采集,不加原链接....
[回复该留言]
8. 乐乐猪 | April 29th, 2008 at 3:42 pm
试验中
[回复该留言]
9. Meinv | April 29th, 2008 at 4:01 pm
学习了
马上回去试验....
[回复该留言]
10. Leo | April 29th, 2008 at 4:56 pm
笨鱼,WordPress 2.5已经搜索页面了。
[回复该留言]
雪山飞猪 reply on April 29, 2008:
我假装他不行。

[回复该留言]
11. 摩摩诘 | April 29th, 2008 at 10:57 pm
嘿嘿,终于出现了,可惜我的主机挂了,不能试验...
[回复该留言]
12. 9NPC | April 30th, 2008 at 12:12 am
我的站也是用GOOGLE自定義搜索。此前也寫過一篇幅介紹,給大家當個附加參考

http://www.9npc.com/2008/03/google-cse.html
[回复该留言]
13. tomdbtel | April 30th, 2008 at 9:20 am
这个教程写得好
[回复该留言]
14. 阳阳 | May 1st, 2008 at 11:54 am
我用的是blogbus的博客,搜索用的是google adsense里的搜索框,感觉也不错!
[回复该留言]
15. K | May 2nd, 2008 at 10:39 am
感谢水煮鱼!我弄好了
.
[回复该留言]
16. 54geek | May 6th, 2008 at 2:26 am
一个控制搜索结果页宽度的CSS修改代码:http://www.eryi.org/blog/post/google-co-op-cse-width.html
[回复该留言]
17. 轶侠 | May 10th, 2008 at 9:04 pm
谢谢哦,学会一招,真好
不过下面的那个smile我就是用不了,明明表情都显示了,可是点上去就报错
firefox报错说
错误: tinyMCE.selectedInstance has no properties
源文件:http://www.e-xia.com/e-xia/blog/index.php?ak_action=wp_grins_js
行:40
哎~~~~
[回复该留言]
18. 轶侠 | May 11th, 2008 at 8:03 am
为啥我在2.51装了报错呢,能看到icon,一点就报错。
看了一下你的页面源代码,就只有很少的一段javascript,是不是改过了
[回复该留言]
19. 轶侠 | May 11th, 2008 at 8:36 am
郁闷,又发错地方
[回复该留言]
20. jc0100 | May 21st, 2008 at 4:39 pm
猪大,就是强啊!!!!好方法
[回复该留言]