首页 > 上海日记 > WordPress添加Google自定义搜索页面
2009
12-31

WordPress添加Google自定义搜索页面

  很久很久以前,北街调整了 Search 工具栏和搜索页面,并给搜索页面加入 Google 自定义搜索。将 Google 自定义搜索加入到 WordPress 中有很多好处,它可以减少数据库查询,因为搜索结果由 Google 提供,不用再去数据库中搜索了;它能够更加全面的搜索, WordPress 目前只能搜索 Post。另外值得一提的是我们还可以在搜索结果中绑定 Google Adsense。

  如何整合 Google 自定义搜索到 WordPress中,北街参考了水煮鱼网贝的两种方法,具体步骤如下:

  一、水煮鱼的方法

  1. 在 WordPress 中创建一个页面,然后再在导航栏中设置为不显示该页面,如果你是用 wp_list_pages() 这个函数输出页面的,你可以使用exclude这个参数把刚才创建的页面剔除出去。

  2. 登录到 Google 自定义搜索,创建你的自定义搜索。

  3. 在输入你的基本信息和网站之后,点击“控制面板”来到代码 tab 页面。

  4. 搜索结果托管选项选项:选择“在您的网站上托管搜索结果”,然后选择 iframe

  5. 指定搜索结果详情:输入你第一步创建页面的页面的地址。如我的:http://www.ibeijie.cn/google-search

  6. 然后用搜索框代码替换你原来的 WordPress 搜索框代码。你需要根据你自己的 WordPress 搜索框的样式对这段代码做下修改,以适合你的主题。

  7. 编辑你第一步创建的页面,把搜索结果代码复制到该页面。你也需要对该段代码做些调整。主要是修改下 googleSearchFrameWidth = 600,把 600 修改成适合你主体的宽度。

  8. 然后到达外观 tab 页面,在该页定义搜索框样式和搜索结果配色方案。

  9. 如果你要整合 Google Adsense 到这个结果中来,还可以使用到赚钱这个 tab 页面,绑定你 Google Adsense 账号。

  二、网贝的方法

  Google 提供自定义搜索功能,可是需要申请代码还要改模板,麻烦。 WordPress 自带搜索功能,可是慢吞吞的。不过最近 Google 提供了一个添加自定义搜索的新方法。这个方法不仅可以加到 WordPress,而且适用于任何网站。

  添加的方法超级简单,到 Custom Search Element 这里,选择适合你的网站的代码,然后把它加到一个 Widget 或者siderbar里面,所有网站都一样,不用去申请不同代码。

  大家可以通过北街博客的404错误页面查看网贝提供方法的效果:http://www.ibeijie.cn/404.php

最后编辑:
作者:北街
身高八尺,腰围也是八尺!
捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!

WordPress添加Google自定义搜索页面》有 34 条评论

  1. 北街 说:

    404页面,我又做了点修改!很简单的,直接复制代码就可以了!

  2. 北街 说:

    您的祝福很特别,呵呵!

  3. 北街 说:

    还是方方正正的中国字俏丽!

  4. 北街 说:

    是啊,我觉得这个方法很好!

  5. 北街 说:

    水煮鱼的方法复杂点,如果你怕麻烦,可以试试第二种方法

  6. 北街 说:

    呵呵,请多多的支持!

  7. 北街 说:

    欢迎常来踩,O(∩_∩)O哈哈~

  8. 北街 说:

    嗯,一定经常回访

  9. 北街 说:

    嘿嘿,一般啦!

  10. 北街 说:

    多久来一次?哈哈,节日快乐!

  11. Pingback 引用通告: » 最简单的隐藏wordpress页面方法-杜岚虾米

  12. wwe 说:

    俺….不评论,只看书评

  13. a 说:

    还有这ajax评论怎么搞的,好喜欢

留下一个回复

你的email不会被公开。