怎样为你的WP添加Google自定义搜索引擎

Home » WP使用, 进阶使用 » 怎样为你的WP添加Google自定义搜索引擎

怎样为你的WP添加Google自定义搜索引擎

Posted by admin on 三 17th, 2009 // 1 Comment //浏览：1,047

为什么要为你的WP添加Google自定义搜索引擎，老外说wp自带的搜索功能不怎么地，还说因为它能和那个AdSense挂钩，能赚钱，我个人觉得都不是，主要是我们能借助Google 的强大功能，根据自己的需求量身打造搜索引擎！至于能否通过Google自定义搜索引擎使得你的WP的网页被Google收录增加，这个我就不知道，今天给大家介绍一下如何为你的WP添加Google自定义搜索引擎！
1.到你的WP后台新增一个页面，取名叫：Search Results，如图：

内容框可以暂时不用写，我建立你自己新建一个新的搜索模板，取名为search_results.php
2. 到Google的自定义搜索引擎，前提是你必须有个gmail账户，没有》那就注册一个吧!点击右上的“创建自定义搜索引擎”，如果你没有登陆，会提示你登陆，那你就用你的gmail账户登陆！出现填写“基本信息”，如图：
sr_2
3.点击“下一页”后出现：
sr_3
4.点击“完成”
sr_4
5.再点击“控制面板”
6.点击左侧的“外观”来自定义您的搜索框：
snap6
和自定义你的搜索结果：
snap7
7.点击左侧的“代码”，设置如图：
snap8
把第一个框里边的代码放到你的wp模板中，如sidebar.php中.如：

^?View Code HTML

<form action=" http:// www.wordpresschina.com/search-results" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="002946951765783234113:m6l-xvg3bxw" />
    <input type="hidden" name="cof" value="FORID:11" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="搜索" />
  </div>
</form>
 
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=zh-Hans"></script>

8.最后一步就是编辑你刚才建立的新页面Search Results，把上图中的第二个框的内容在HTML模式下粘贴到内容项里然后保存就行！我的代码为：

^?View Code HTML

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 600;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

本站已经成功添加，你可以使用本站的搜索框看一下效果！