微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

获取谷歌自定义搜索代码

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

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

rush:js;">

//下面这一对标签就是谷歌搜索框要显示标签
//即,你想把搜索框放哪就把这一对标签放哪。

添加搜索页面

在你的wordpress中新建一个页面别名叫search 假设设置了固定连接,而且这个页面的访问地址是 http://pangbu.com/google-search-in-wordpress 用html编辑模式,在文章添加你刚才获取代码。 想知道是什么效果嘛?

效果

你可以在下面直接搜索一下试试。

系统整合

好了,你已经有了搜索页面了,现在我们还差整合到 wordpress搜索中去。 麻烦吗?当然不麻烦。 找到你主题搜索框样式定义的那个文件, 一般是searchform.PHP, 部分主题可能稍有不同。 有比较重要的两句, 一个是表单提交地址,action="XXX" 一个是表单参数名称name="s", 这里的代码大同小异,我相信你能找到。

rush:xhtml;">
搜索页面的url" 记着要带http,比如
rush:xhtml;"> action="http://pangbu.com/google-search-in-wordpress"

整合代码示例

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

rush:xhtml;">
Box" style="display: block;"> wordpress" method="get">
搜索">

原文地址:https://www.jb51.cc/js/50741.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐