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中用JavaScript 输入页面代码的办法

比方, 一个做音乐的网站一定不心愿搜寻引擎收录它的存档月份, 由于没有人会经过这个来搜寻出去. 这咱们就能...

wordpress调用特定文章列表的技巧分享

调用网站最新文章: 复制代码代码如下:<?phpquery_posts('showposts=10&orderby=new'); //showposts=10示意...

判别、增加和删除WordPress置顶文章的相干PHP函数小结

判别置顶文章 is_sticky() 函数用来判别一篇文章能否为置顶文章。 用法 is_sticky( $post_id ); 参数 $p...

wordpress在IIS下伪动态后子目录无奈拜访的处理办法

家喻户晓,wordpress是基于php开发,在apache效劳下运转是最优秀的。然而,国际依然有很多主机上不能提供ap...

WordPress中制造导航菜单的PHP外围办法解说

WordPress 3.0 引入导航菜单性能, 让页面的导航和链接的治理变得简略易用. WP 向用户提供了菜单治理页面和多...

七牛镜像存储 WordPress 插件(一键完成 WordPress 博客动态文件 CDN减速)

七牛云存储是由七牛提供的在线存储效劳,经过云端接口向企业客户提供网上有限存储空间,和传统的云存储效劳...

需求提交

客服服务

亿鸽在线客服系统