WordPress增加并整合Google自定义搜寻完成步骤及代码

给博客增加一个Google自定义搜寻是非常必要的,用户搜寻时高亮显示了要害词,晋升了搜寻的精确度,应用Google高速Ajax加载,大大加重了主机累赘,甚至你还能够自定义CSS,自定义显示后果,同时还能够在Google自定义搜寻中集成Adsense与Analytics。

给WordPress增加Google自定义搜寻很简略,甚至有些WordPress主题曾经提供了Google自定义搜寻,你只需填写上Google自定义搜寻的CX值即可。但显示搜寻后果的页面都是在独自的窗口中关上,没有了原窗口的款式,所以咱们能够将Google自定义搜寻整合到博客中。

因为各种主题的增加办法不同,这里只说一下比拟简略的办法:网上大少数是本人创立一个cse.php文件来独自的管制CSS和填写Google自定义搜寻代码,但我感觉间接把Google自定义搜寻代码增加到搜寻页模板中,要愈加简略,大少数状况下你你根本不需求在去定义CSS。
1、用 Google帐号登录 http://www.google.com/cse/
2、创立一个 自定义搜寻引擎,填写相干信息,抉择规范版,搜寻网站 取得自定义搜寻代码,增加在你的主题搜寻页中,普通是search.php 。(把search.php中原文件删除,由于普通是调用存档页,不然你增加后会同时显示原来搜寻的内容和Google自定义搜寻的内容,可能招致页面错位)
留意:把Google自定义代码增加在这里,但要删除Google自定义搜寻代码的后三行,如图所示:
 
 
<?php
/*
google seach
*/
?>
<?php get_header(); ?>
<p>
<p>&#160;&#160; Google自定义搜寻代码&#160;&#160; var match = location.search.match(/s=([^&amp;]*)(&amp;|$)/);//正则传参
if(match &amp;&amp; match[1]){
var search = decodeURIComponent(match[1]);
customSearchControl.execute(search);
}
});
</script>
<link rel=&quot;stylesheet&quot; href=&quot;http://www.google.com/cse/style/look/default.css&quot; type=&quot;text/css&quot; />
</p>
</p>
<?php get_footer(); ?>

相比而言,这种办法要简略多了,有兴味的冤家能够试试看。

以上就是安达网络工作室关于《WordPress添加并整合Google自定义搜索实现步骤及代码》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: 自定义搜索 搜索 整合 WordPress
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
WordPress 3.5 与 wpdb::prepare() 报错处理方法

WordPress 3.5 正式公布, 这个版本包括大量更新. 启用了最新的呼应式规划默许主题 Twenty Twelve; 改版了 A...

WordPress关上速度十分慢的处理方法

明天,特带来了5个实例技巧,至多能够协助冤家们在缩小wordpress博客的负荷上起到一点点作用吧,上面和网友...

Wordpress完成自带的侧边栏和自定义的侧边栏同时存在的办法

本文实例讲述了Wordpress完成自带的侧边栏和自定义的侧边栏同时存在的办法。分享给大家供大家参考。详细如下...

wp-Syntax wordpress高亮插件应用办法

首先简略理解下 wp-Syntax 插件,wp-Syntax 是一个针对wordpress的代码高亮插件,最大的优点是简略易用,兼...

WordPress后盾显示相干用户文章相干联评论的办法

本文实例讲述了WordPress后盾显示相干用户文章相干联评论的办法。分享给大家供大家参考。详细剖析如下: 将...

WordPress自带thumbnail缩略图性能应用引见

1.增加性能 在function.php中拔出代码 add_theme_support('post-thumbnails'); 拔出之后会在后盾编辑文章的...

需求提交

客服服务

亿鸽在线客服系统