开发者社区> 老朱教授> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

google搜索代替wordpress的搜索功能

简介:
+关注继续查看

见很多人都使用google自定义搜索代替wordpress的搜索功能....我今天也弄一个,效果还不错的. ..13.gif
网上的教程都很不详细,初次使用wordpress的网友们都不明白..今天.我就来完整的记录出来...

第一步:创建一个空白的googlesearch.php页面模板image?url=http%3A%2F%2Flh3.ggpht.com%2F_,在里边输入
<?php
/*
Template Name: Google 自定义搜索..
*/
?>
然后在FTP,把googlesearch.php上传到wp-content/themes/当前主题目录,例如我的主题是ZarVa,就上传到wp-content/themes/ZarVa就行了.
在WordPress后台,"外观"-->"编辑".
image?url=http%3A%2F%2Flh4.ggpht.com%2F_
就可以看到刚才上传的googlesearch.php文件了.
image?url=http%3A%2F%2Flh5.ggpht.com%2F_
打开single.phpimage?url=http%3A%2F%2Flh3.ggpht.com%2F_把里边的代码复制到googlesearch.php文件下边.
image?url=http%3A%2F%2Flh6.ggpht.com%2F_
然后点下边的"更新文件"保存.
在WordPress后台,选择"页面"--->"添加页面"
image?url=http%3A%2F%2Flh3.ggpht.com%2F_
标题就写search,要和刚才填写"显示搜索结果的网址"相同
image?url=http%3A%2F%2Flh6.ggpht.com%2F_
如果没有"永久链接",就需要点击右上角的"屏幕选项",把"页面缩略名"打个勾.
image?url=http%3A%2F%2Flh3.ggpht.com%2F_
在"页面缩略名"处填写"search"image?url=http%3A%2F%2Flh3.ggpht.com%2F_即可
在右侧的"属性"-->"模板",处选择"Google 自定义搜索"为模板
image?url=http%3A%2F%2Flh5.ggpht.com%2F_
然后点击"发布"...
第二步:去google自定义搜索引擎创建自定义搜索引擎...image?url=http%3A%2F%2Flh4.ggpht.com%2F_
image?url=http%3A%2F%2Flh4.ggpht.com%2F_
设置您的网址格式单个网页:指定 www.mysite.com/mypage.html 仅会包含 www.mysite.com 上的 mypage.html 网页。 
整个网站:指定 www.mysite.com/* 时会包含位于 www.mysite.com 的所有网页。 
网站的一部分:可以使用通配符格式来指定仅包含网站的特定部分。例如,www.mysite.com/*about* 仅包含位于 www.mysite.com 且名称中含有 about 的文件。 
整个域: 也可以使用 *.mydomain.com 来指定整个域。如果您指定 mydomain.com,我们会自动将它转换为 *.mydomain.com/*。如果您不希望这样,可以在控制面板中将其复原。 image?url=http%3A%2F%2Flh3.ggpht.com%2F_
image?url=http%3A%2F%2Flh3.ggpht.com%2F_
第三步:选择刚才创建的google自定义搜索引擎名称的控制面板
image?url=http%3A%2F%2Flh4.ggpht.com%2F_
然后选择左侧的"代码"
image?url=http%3A%2F%2Flh5.ggpht.com%2F_
选择搜索结果托管选项.....选择"在您的网站上托管搜索结果:iframe".在"显示搜索结果的网址"处填写http://zarva.org/search,这个网址就是显示搜索结果的.呆会我们需要用到的..."广告的位置",任选....
image?url=http%3A%2F%2Flh5.ggpht.com%2F_
修改googlesearch.php文件.把里边一些的关于文章评论,日志日期等内容删除,把"搜索结果代码"粘贴上去...
image?url=http%3A%2F%2Flh5.ggpht.com%2F_
第四步:
把主题里边默认的WordPress搜索框代码,以下是WordPress自带默Default认主题搜索框代码
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<label class="hidden" for="s"><?php _e('Search for:', 'kubrick'); ?></label>
<div><input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="<?php _e('Search', 'kubrick'); ?>" />
</div>
</form>

找到<form开头,以/form>结束的部分用google自定义搜索引擎的"搜索框代码"代替....
image?url=http%3A%2F%2Flh5.ggpht.com%2F_
第五步:调整搜索框的样式...根据不同主题,调整不一样...就不说了....
第六步:进google自定义搜索引擎,选择控制面板--"外观"...可以修改搜索结果的外观....
第七步:进google自定义搜索引擎,选择控制面板--"赚钱"...把 Google 自定义搜索帐户目前与 AdSense id 相联...
效果请看本站右上角:






本文转自黄聪博客园博客,原文链接:http://www.cnblogs.com/huangcong/archive/2010/03/31/1701699.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Google搜索为什么不能无限分页?
这是一个很有意思却很少有人注意的问题。 当我用Google搜索`MySQL`这个关键词的时候,Google只提供了`13`页的搜索结果,我通过修改url的分页参数试图搜索第`14`页数据,结果出现了以下的错误提示:
25 0
实战 | Elasticsearch实现类Google高级检索
一、高级检索的功能点 通过高级搜索配置搜索项,能更准确的过滤掉不相干信息,获取最想要的检索信息。 以Google搜索为例(截取核心片段):
62 0
实战 | Elasticsearch实现类Google高级检索
Elasticsearch实现类Google高级检索,实战案例。
289 0
《iOS取证实战:调查、分析与移动安全》一第2章 设备特性和功能2.1 介绍
本节书摘来自华章出版社《iOS取证实战:调查、分析与移动安全》一书中的第2章,第2.1节,作者(美)Andrew Hoog Katie Strzempka,更多章节内容可以访问云栖社区“华章计算机”公众号查看
1084 0
WordPress日志缩略图功能深度剖析
对于一个有深度有内涵的网站而言,精彩的内容永远都是要放在第一位的,但这并不意味着我们可以忽视网站的外观设计,设想一下网站上到处都是大段的纯文字,那么即使字字玑珠,也会引起读者的视觉疲劳。在这样一种情境下,为WordPress的日志正文搭配相关的插图、网站首页搭配日志缩略图就变得十分必要。
1031 0
google maps经纬度距离
 private const double EARTH_RADIUS = 6378.137;private static double rad(double d){return d * Math.
540 0
+关注
3545
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载