将Google搜索引擎嵌入博客

林继 WordPress 2,732 共写了440个字 (2010-08-25 22:30:27) 没有评论 打印 扫描二维码 百度已收录

步骤:出处:来自网络
> 首先当然是申请一个Google自定义搜索引擎
> 得到搜索框代码

  1. <form action=" http://www.evlos.org/gsearch " id="cse-search-box">
  2.   <div>
  3.     <input type="hidden" name="cx" value="你的Google自定义搜索引擎Key" />
  4.     <input type="hidden" name="cof" value="FORID:9" />
  5.     <input type="hidden" name="ie" value="UTF-8" />
  6.     <input type="text" name="q" size="31" />
  7.     <input type="submit" name="sa" value="搜索" />
  8.   </div>
  9. </form>
  10. <script type="text/javascript" 
  11. src="http://www.google.com/cse/brand?form=cse-search-box&lang=zh-Hans">
  12. </script>

> 以及结果代码

  1. <div id="cse-search-results"></div>
  2. <script type="text/javascript">
  3.   var googleSearchIframeName = "cse-search-results";
  4.   var googleSearchFormName = "cse-search-box";
  5.   var googleSearchFrameWidth = 600;
  6.   var googleSearchDomain = "www.google.com";
  7.   var googleSearchPath = "/cse";
  8. </script>
  9. <script type="text/javascript" 
  10. src="http://www.google.com/afsonline/show_afs_search.js"></script>

> 然后需要创建一个给页面用的搜索结果模板
> 当然要在页面顶部用以下代载入Wordpress的头部

> 所以代码就变成这样 我们保存成gsearch.php 并上传到模板目录
> 代码里的googleSearchPath表示搜索结果的页面地址,googleSearchFrameWidth表示宽度

  1. <?php
  2. /*
  3. Template Name: gsearch
  4. */
  5. ?>
  6. <?php get_header(); ?>
  7. <div id="cse-search-results"></div>
  8. <script type="text/javascript">
  9.   var googleSearchIframeName = "cse-search-results";
  10.   var googleSearchFormName = "cse-search-box";
  11.   var googleSearchFrameWidth =606;
  12.   var googleSearchDomain = "www.google.com";
  13.   var googleSearchPath = "/gsearch";
  14. </script>
  15. <script type="text/javascript" 
  16. src="http://www.google.com/afsonline/show_afs_search.js"></script>
  17. <?php get_footer(); ?>

> 现在使用这个搜索结果创建一个页面 模板用gsearch
> 创建的时候记下此页ID 即地址栏中post参数
> 将模板目录header.php

  1.  
  2. wp_list_pages('title_li=0&sort_column=menu_order');

修改一下 像下面一样 用exclude参数隐藏搜索结果页面在模板导航栏的显示

  1.  
  2. wp_list_pages('title_li=0&sort_column=menu_order&exclude=511');

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

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

< >