Wordpress站内使用自带的搜索引擎,是需要从数据库模糊匹配检索词的,每次检索都要查询数据库,并且没有检索词加红的功能。Google提供了自定义搜索引擎功能,可以将Google搜索无缝结合到站内搜索来。从网上搜了一圈,介绍也都差不多,可以分为以下几个步骤来进行:
1. 到Google自定义搜索创建自己的搜索引擎
a. 创建自定义搜索引擎。按照Google指引填写内容。”选择一些网站”中填上自己的站点,如:*.shenmiguo.com/*,这个表示搜索全站,包括二级域名。另外,记得勾上”不再结果页上显示广告”,否则搜索结果界面会有google广告的。
b. 配置搜索引擎样式。在”控制面板”->”外观”中选择。默认的就挺好的。
c. 选择搜索结果托管方式。在”控制面板”->”代码”。有两个选项:”在Google网页上托管此搜索结果”和”在您的网站上托管此搜索代码”。前者是搜索后直接跳转到Google去显示搜索结果,我这里选择后者。自己网站托管搜索代码又有两种选择:”iframe”是搜索结果显示在另一个页面;”覆盖”是用ajax技术,不刷新页面,结果显示在当页(google.com上搜索一样的效果)。
我这里用的是”iframe”。后面就需要新建一个wordpress页面放搜索结果。
d.指定搜索结果页面。如在”search”页面显示,URL就是:http://www.shenmiguo.com/search
e. 获取搜索框代码和搜索结果代码。设置后,页面下面就是完整的搜索框代码和搜索结果代码。
2. 自定义搜索框代码
a.替换Wordpress搜索框代码。我的搜索框代码是在sidebar.php中,替换原来的搜索框代码。
b.设置搜索框样式。如果要想把搜索框代码样式换回以前模样,去掉id=”cse-search-box”就是去掉原来的搜索样式,然后再把自己的搜索框样式加上就可以了。神秘果修改后的代码:
- <div class="search-form">
- <form action="http://www.shenmiguo.com/search/">
- <div><input name="q" size="10" type="text" value="<?php echo $search_text; ?>" />
- <input name="cx" type="hidden" value="016018668421282892523:ov3ss2tfglw" />
- <input name="cof" type="hidden" value="FORID:11" />
- <input name="ie" type="hidden" value="UTF-8" />
- <input id="searchsubmit" type="hidden" /></div>
- </form>
- <script src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=zh-Hans" type="text/javascript"></script>
- </div>
3. 添加搜索结果页面 前面说到,搜索结果是显示在新页面的,我们最后需要新建wordpress页面来显示搜索结果。 a. 新建一个wordpress页面模板。另存page.php一份文件叫google-results.php,是搜索结果显示的模板。在google-results.php的顶部加入代码:
- <?php
- /*
- Template Name: Google Results
- */
- ?>
这段就是让wordpress知道这是一个页面模板,模板名称是”Google Results” 找到”<?php the_content(); ?>”部分,替换成Google搜索结果代码。代码中”googleSearchFrameWidth”是搜索结果的宽度,可以根据站点做调整。模板的其他可以自己随意调整,如去掉评论,去掉标签显示等等,使搜索结果页简洁一些。神秘果的代码:
- <script type="text/javascript"><!--
- var googleSearchIframeName = "cse-search-results";
- var googleSearchFormName = "cse-search-box";
- var googleSearchFrameWidth = 590;
- var googleSearchDomain = "www.google.com";
- var googleSearchPath = "/cse";
- // --></script>
- <script src="http://www.google.com/afsonline/show_afs_search.js" type="text/javascript"></script>
b.新建wordpress页面。新建一个search页面。选择公开度是”私人的”,选择模板是”Google Results”,保存。
到这里,工作算是完成得差不多了。这里还要多介绍一点,就是Google自定义搜索的优化功能。它是一种标签式的,预定了一些匹配关键词,用于在结果中再次查询。使用方式:在Google自定义搜索网站上,”控制面板”-> “优化”,添加优化,填入名称和要搜索的关键词,就可以了。要直接看效果,”控制面板”-> “预览”,这里看到的搜索结果和页面一致。
转载本站文章请注明,转载自:神秘果
本文链接: http://www.shenmiguo.com/archives/2009/169_wordpress-google-search.html
Leave a Reply