WordPress添加Google自定义搜索页面

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

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

一、水煮鱼的方法

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

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

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

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

5. 指定搜索结果详情:输入你第一步创建页面的页面的地址。

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

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

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

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

二、网贝的方法

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

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


文章分类: WordPress使用.

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>