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完成单篇文章分页显示的办法

本文实例讲述了Wordpress完成单篇文章分页显示的办法。分享给大家供大家参考。详细剖析如下: 很多冤家都晓...

如何在本地装置Wordpress

要害字形容:装置 本地 如何 Wordpress 下载 应用 环境 // 版本 Windows 上一次教程将 wordpress如何装置,...

菜鸟应用wordpress建站的几点心得

要害字形容:心得 建站 应用 菜鸟 能够 这个 边栏 主题 文章 一个   这一周都在学用wordpress来做独立博...

WordPress主题中增加文章列表页页码导航的PHP代码实例

WordPress 默许给主题开发者的倡议是在文章列表底部提供上下页按钮,所以没有提供间接用在文章列表下的分页...

WordPress首页显示多个图片及文字友谊链接的办法

本文实例讲述了WordPress首页显示多个图片及文字友谊链接的办法。分享给大家供大家参考。详细剖析如下: Wo...

wordpress wp_head()函数使页面顶部总空白28px

在wordpress主题中的header.php中,有一个wp_head()函数,外表上看不出什么玄机,只能在阅读器中查看源代码...

需求提交

客服服务

亿鸽在线客服系统