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

网友投稿 305 2023-07-23


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

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

获取谷歌自定义搜索代码

进入http://google.com/cse/

谷歌各系列账号都是通用的,

所以如果你有gmail的话你就可以顺利进入这个自定义搜索的系统

一系列的注册、登陆你就进入到了 cse 主界面了,网速有时候会些许蛋疼的慢,所以大家要有耐心。

进入主界面点 新建搜索引擎

如下图所示填写内容:

勾选同意协议,再点下一步,

按自己喜好选择样式,下面会直接出现演示哦亲。

再点下一步,就会出现代码了。

亲们,你们获取代码了吗?我获得的代码如下:

//下面这一对标签就是谷歌搜索框要显示的标签,

//即,你想把搜索框放哪就把这一对标签放哪。

添加搜索页面

在你的WordPress中新建一个页面别名叫search

假设设置了固定连接,而且这个页面的访问地址是

http://pangbu.com/google-search-in-wordpress

用html编辑模式,在文章中添加你刚才获取的代码。

想知道是什么效果嘛?

效果

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

系统整合

好了,你已经有了搜索页面了,现在我们还差整合到 WordPress 的搜索中去。

麻烦吗?当然不麻烦。

找到你主题搜索框样式定义的那个文件,

一般是searchform.php,

部分主题可能稍有不同。

有比较重要的两句,

一个是表单提交地址,action="XXX"

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

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

把action="XXX"

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

记着要带http,比如

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

name="s"改成name="q"

整合代码示例

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


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:java线程的run()没有返回值怎么办?
下一篇:详解Bootstrap glyphicons字体图标
相关文章

 发表评论

暂时没有评论,来抢沙发吧~