2017-09-21

猎数博客

数据挖掘,机器学习

为WordPress添加谷歌自定义搜索

作者:江航 / 2011-06-11 / (阅读 1,618 次) /



谷歌搜索的强大功能众所周知,如果能利用谷歌的搜索功能来对自己的博客网站进行搜索应该会极大的提高网站的用户体验。下面是我为本站添加自定义搜索的过程。这个是基于谷歌Adsense搜索来添加的,如果没有谷歌Adsense,利用谷歌自定义搜索估计也差不多,还没有试过:

  • 谷歌Adsense =>获取广告=>Adsense搜索广告,添加你想要搜索的网址,主题,语言等等不在话下
  • 关键在搜索结果页面,在输入显示搜索结果的网址那里填上你wordpress博客的首页地址
  • 命名搜索,获取代码,注意这里将会有两份代码,一份是搜索框代码,一份是显示搜索结果的代码
  • 新建一个模版,从single.php拷贝一份,改个文件名就可以了,把除了显示页头和页脚的代码全部删掉,注意要加个模版头
  • 在wordpress控制面板中添加一个页面,模版选择你刚才新建的那个空模版。记下该页的page_id,即page_id=xxx
  • 再回到php代码,在模版中将从谷歌Adsense中得到的两份代码都拷贝到这个模版中,注意在搜索框代码中加上一行
    <input type=”hidden” name=”page_id” value=”xxx” />
    其中的xxx即为刚才得到的page_id
  • 保存这个代码,然后就可以访问这个页面了。在这个页面中既有搜索框,也有搜索的结果页。实际效果见本站的“站内搜索”
  • 如果要在别的地方加上搜索框,只要把刚才改过的搜索框代码贴到你想要加搜索框的地方就好了,适当改一下搜索框的宽度
    <input type=”text” name=”q” size=”80″ />
    这里的size就是宽度。80表示80个字符宽。搜索的结果页面还是在刚才建的那个页面中。效果见本站的右栏搜索框。

下面是代码:

<div>        

<form action="http://www.bagualu.net/wordpress/" id="cse-search-box">       
<div>        

<input type="hidden" name="cx" value="partner-pub-xxxxx" />      

<input type="hidden" name="cof" value="FORID:9" />       

<span style="color: #ff0000;"><input type="hidden" name="page_id" value="686" /></span>      

<input type="hidden" name="ie" value="UTF-8" />      

<input type="text" name="q" size="80" />         

<input type="submit" name="sa" value="&amp;#x641c;&amp;#x7d22;" />       

</div>       

</form>      

<script type="text/javascript" src="http://www.google.com.hk/cse/brand?form=cse-search-box&amp;amp;lang=zh-Hans"></script>       

</div>       

<div id="cse-search-results"></div>      

<script type="text/javascript">      

var googleSearchIframeName = "cse-search-results";       

var googleSearchFormName = "cse-search-box";         

var googleSearchFrameWidth = 800;        

var googleSearchDomain = "www.google.com.hk";        

var googleSearchPath = "/cse";       

</script>        

<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>



Wordpress一览无余,源码面前没有秘密,wordpress的函数调用库,展示wordpress页面打开过程中十几万个函数调用,学习WP开发的绝佳资源。点击这里进入

本文地址: http://www.bagualu.net/wordpress/archives/808 转载请注明






相关文章

  • 再说Wordpress中添加小挂件widget( 5,870 )
  • Wordpress中添加自定义参数( 3,413 )
  • WordPress代码之apply_filters( 3,274 )
  • 微博分享按钮( 3,227 )
  • WordPress版权声明插件( 3,200 )
  • wordpress函数调用库( 2,634 )
  • 通过wpdb访问WordPress数据库( 2,444 )
  • 通过wordpress debug插件,显示filter调用过程( 2,405 )
  • 用Wordpress做相册( 2,398 )
  • WordPress 代码之 add_filter( 2,338 )
  • Leave a Reply

    您必须登录以发表评论,

    沪ICP备11036560号
    联系我: jianghang at bagualu.net