1. 盒子部落首页
  2. 应用
  3. 编程开发

给你的 WordPress 网站添加百度站内搜索代码

百度站内搜索既可以实现对你网站的搜索,又可以对你的网站关键词的全网搜索,据说对百度收录和百度蜘蛛很有帮助,喜欢折腾的人可以添加一下这个功能,无形装逼最可怕。

注册一个站内搜索的二级域名

到你的域名服务商做一个二级域名解析,比如本站是search.hezibuluo.com类型CNAME,子域名填写:search 指向:zhannei.baidu.com,二级域名注册成功后就是:search.hezibuluo.com,可以在浏览器地址输入search.hezibuluo.com打开看看是否成功。

给你的 WordPress 网站添加百度站内搜索代码

百度站长平台注册一个账号进行相关设置

使用百度账号登陆 百度站长平台 https://zn.baidu.com。登入百度站长平台后、在左侧选择网站组件–站内搜索-现在使用。
搜索引擎管理:新建搜索引擎-设置基本信息(范围里面网址改为你刚设置的二级域名,比如search.hezibuluo.com,也可以设置成的你的网站域名)-设置搜索框样式(随意)-获取代码并完成(代码后面使用)。

给你的 WordPress 网站添加百度站内搜索代码

在你浏览器输入你的搜索地址,比如search.hezibuluo.com即可看到效果(本站使用的主题自带的百度站内搜索,直接使用百度站内搜索ID即可)

整合到WordPress中

如果你正在使用的主题自身是没有百度站内搜索功能的,我们就想办法给它添加百度站内搜索就好了。

把站内搜索添加到你的边栏工具搜索中

登陆到wordpress后台,外观-小工具,给你的边栏添加文本小工具,把下面的代码复制进去。
样式可以根据主题美化一下,代码样式简单的借鉴了陌小雨给的。

<form class="search-form" action="https://search.hezibuluo.com" target="_blank" id="cse-search-box">  
    <input type="hidden" name="s" value="14353180243757846565" />  
    <input type="text" onclick="this.value='';"  name="q" id="q" class="form-control"/>  
    <input class="btn" type="submit" id="go" value="搜索" />  
</form>

将 action=”http://search.hezibuluo.com” 换成你的二级搜索域名,将 value=”14353180243757846565″ 换成你自己的

把搜索结果页面嵌入到你的主题页面中

登陆到你的百度站内搜索-新建搜索引擎-设置基本信息(范围里面网址改为你刚设置的二级域名)-设置搜索框样式-嵌入式搜索结果,复制代码,在你的wordoress后台-页面-新建页面-文本模式中粘贴刚才复制的代码,打开你的刚才建立的页面就可以看到效果了。这是本站的效果 站内搜索

搜索结果页面与边栏工具结合

如果你想把刚才的嵌入页面效果整合到边栏工具搜索中,那么你只需要在外观-小工具-给边栏添加一个文本,把之前的代码修改一下再复制进去就可以了。

<form class="search-form" action="https://hezibuluo.com/search/" target="_blank" id="cse-search-box">  
    <input type="hidden" name="s" value="14353180243757846565" />  
    <input type="text" onclick="this.value='';"  name="q" id="q" class="form-control"/>  
    <input class="btn" type="submit" id="go" value="搜索" />  
</form>

只是把action的地址换成了你刚才建立的搜索页面,这样搜索结果,页面样式不需要单独设置,都继承了你的主题样式,这样就实现了百度站内搜索和wordpress主题的完美整合。

原创文章,作者: QSQ,本站资源均来源于网络,仅供学习交流使用,若想体验更多,请支持正版。
转载或复制文章时,请注明本文出处及文章链接: https://www.hezibuluo.com/5284.html

发表评论

电子邮件地址不会被公开。

联系我们

在线咨询:点击这里给我发消息

邮件咨询:mail@hezibuluo.com

QR code