更改elegant-box主题搜索结果的显示方式

2009年3月16日 发表评论 阅读评论

大家都知道legant-box主题这个主题主题选项里填写你在google自定义搜索里的ID
就可以非常人性化的启用Google自定义搜索
但是他的搜素结果是显示在google的服务器上
这样我总觉得不友好
所以我就把他改为在自己的页面上显示搜索结果
下面说话我的做法

第一步:进入google自定义搜索
定制你的搜索 获得代码那里选择
在您的网站上托管搜索结果: iframe形式
根据Google的提示我们获得两个代码
一个是显示搜索框的代码 一个是显示搜索结果的代码
将代码保存下来

第二步:到主题目录下的header.php里
查找”“我这里是在第249行
< ?php if($options['google_cse'] && $options['google_cse_cx']) : ?>
将显示搜索框的代码放在这里
< ?php else : ?>
注意为了能让elegant-box主题选项里的自定义搜索有效我们必须

< ?php echo $options['google_cse_cx']; ?>这条语句
为了搜索框不变形我们还得在
DIV属性里给他设定好他的位置

第三步:到后台新建个页面页面地址设置为你的搜索结果显示地址
如我的是i366.info/cse
然后在编辑里选择源代码形式 将你在Google里得到的”搜索结果代码”放到里面去
这样我们就完美的替换了elegant-box自定义搜索显示方式
将该主题原来在Google服务器上显示搜素结果改成了在自己的
网页上显示搜索结果

声明: 本文采用 BY-NC-SA 协议进行授权. 转载请注明转自: 更改elegant-box主题搜索结果的显示方式
  1. 海天无影 | #1
    2009年3月16日18:45

    不错 下次我也来加一个 不过是asp的 呵呵

  2. 真理 | #2
    2009年3月16日23:45

    我正准备给你说这个代码呢~!没想到这么快添加上了

  3. Mr.差不多 | #3
    2010年6月19日17:03

    大哥,试了好久,都没有成功!!能否再修改一下,完善一点!!有按步骤,做不了你现在的效果!郁闷!恳请指点,谢谢!

  4. 天晴无名氏 | #4
    2010年7月4日14:47

    插入搜索页面代码的时候要用Html方式,这个很重要,其他的按照步骤可以成功的

  1. 本文目前尚无任何 trackbacks 和 pingbacks.