在WordPress中加入Google搜索功能的简单步骤讲解

网络编程 2025/1/17 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

网上诸多写怎么在 WordPress 中整合谷歌自定义搜索的文章，但很少有提到如何整合v2版代码的，今天通过实测来给大家讲解一下，如何实现在 WordPress中整合谷歌自定义搜索的。

获取谷歌自定义搜索代码
进入http://www.google.com/cse/
谷歌各系列账号都是通用的，
所以如果你有gmail的话你就可以顺利进入这个自定义搜索的系统
一系列的注册、登陆你就进入到了 cse 主界面了，网速有时候会些许蛋疼的慢，所以大家要有耐心。
进入主界面点新建搜索引擎
如下图所示填写内容：

勾选同意协议，再点下一步，
按自己喜好选择样式，下面会直接出现演示哦亲。
再点下一步，就会出现代码了。
亲们，你们获取代码了吗？我获得的代码如下：

<!-- Put the following javascript before the closing </head> tag. -->
<script>
 (function() {
 var cx = '006739494664361712883:_id_bvfkgey';
 var gcse = document.createElement('script');
 gcse.type = 'text/javascript';
 gcse.async = true;
 gcse.src = (document.location.protocol == 'https:' "XXX"

一个是表单参数名称name="s",

这里的代码大同小异，我相信你能找到。



<form action="http://pangbu.com" method="get">
<input id="searchtxt" class="textfield searchtip" type="text" name="s" size="24" value="">





把action="XXX"

改成action="你刚才新建的那个搜索页面的url"

记着要带http，比如


action="http://pangbu.com/google-search-in-wordpress"



name="s"改成name="q"
整合代码示例

我的主题搜索样式修改后代码如下


<div id="searchbox" style="display: block;">
 <form action="http://pangbu.com/google-search-in-wordpress" method="get">
 <div class="scontent clearfix">
  <input type="text" id="searchtxt" class="textfield searchtip" name="q" size="24" value="">
  <input type="submit" id="searchbtn" class="button" value="搜索">
 </div>
 </form>
</div>

WordPress,Google,搜索,JavaScript

标签：

WordPress,Google,搜索,JavaScript

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“在WordPress中加入Google搜索功能的简单步骤讲解”

暂无在WordPress中加入Google搜索功能的简单步骤讲解的评论...

更新日志

2025年01月17日

在WordPress中加入Google搜索功能的简单步骤讲解

WordPress,Google,搜索,JavaScript

多个js毫秒倒计时同时进行效果

实例详解jQuery结合GridView控件的使用方法

评论“在WordPress中加入Google搜索功能的简单步骤讲解”

更新日志

友情链接