首页 > 软件应用 > 美化iNove的Google自定义搜索

美化iNove的Google自定义搜索

2009年10月9日

iNove主题在后台的“主题选项”中设置了一个定制Google自定义搜索的功能,以优化WordPress的搜索结果。

1、登陆到Google自定义搜索,创建你的自定义搜索。

2、创建一个搜索结果模板。把下面代码保存为cse.php,上传至iNove主题的文件夹。(cse意为custom search engine,你可以换成其他)

<?php
/*
Template Name: cse
*/
?>
<?php get_header(); ?>
<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth =605;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
<?php get_footer(); ?>

var googleSearchFrameWidth =605为搜索结果页面的宽度,iNove默认的宽度是605。

3、在WordPress中创建一个页面,比如我的,地址为http://www.mzfeng.com/cse,标题为Search Result,模板选择刚刚创建的cse。

然后在导航栏隐藏这个页面,在iNove的文件夹找到templates/header.php,找到下面一行:

wp_list_pages('title_li=0&sort_column=menu_order');
改成,

wp_list_pages('title_li=0&sort_column=menu_order&exclude=41');
其中exclude=41意思是在导航栏隐藏这个cse页面,41是这个页面的ID,在/wp-admin/edit-pages.php页面,鼠标悬浮在页面的标题上,在下面状态栏就可以看到post=41。

4、定义搜索框。仍然是templates/header.php,找到下面代码:

<form action="http://www.google.com/cse" method="get">
    <div>
        <input type="text" name="q" size="24" />
        <input type="submit" name="sa" value="" />
        <input type="hidden" name="cx" value="<?php echo $options['google_cse_cx']; ?>" />
        <input type="hidden" name="ie" value="UTF-8" />
    </div>
</form>

改成,
<form action=" <?php bloginfo('wpurl') ?>/cse" id="cse-search-box">
  <div>
    <input type="text" id="searchtxt" name="q" size="24" />
    <input type="submit"  id="searchbtn" name="sa" value="" />
    <input type="hidden" name="cx" value="<?php echo $options['google_cse_cx']; ?>" />
    <input type="hidden" name="cof" value="FORID:11" />
    <input type="hidden" name="ie" value="UTF-8" />
  </div>
</form>

其中第一行的<?php bloginfo('wpurl') ?>/cse是刚刚你创建的搜索结果页面的地址。

5、在iNove的主题选项中,勾选使用Google自定义引擎,填上你的CX值。

这样,所有的工作都做完了。你可以随时在WordPress默认搜索和Google自定义搜索

分类: 软件应用 标签: , ,
本文的评论功能被关闭了.