WordPress集成多种站内搜索、百度嵌入式搜索,并伪静态化的方法

郑重承诺丨优站网提供安全交易、信息保真!
增值服务:
自动发货
网盘下载
安装指导
环境配置
二次开发
网站建设
¥ 0 (VIP免费升级VIP开通VIP尊享优惠特权
立即下载 升级会员 购买教程 售后支持
详情介绍

分享之前先吐槽一下:最近阿里巴巴云爆发了云盾误删ECS文件的坑坑洼洼,最后只能通过回滚来解决。刚听到这个消息,我赶紧看了看我的ECS,没有发现明显的异常。

这两天慢慢发现最近修改的一些代码已经恢复了。例如,评论审核后的通知功能被明显删除。今天有个朋友QQ告诉我,我收到的邮件里的文章地址错了。看到网友的截图,知道是评论的评论通知邮件。我看了看代码,果然,之前所有的评论都被删除了。比如我明明屏蔽了一个插件的菜单,今天又看到了。

似乎还是受到了一定的影响,确实是回滚了!还好最近没有乱搞代码,不然都是白忙活!

WordPress集成多种站内搜索、百度嵌入式搜索,并伪静态化的方法

第一,综合搜索
使用HotNewsPro的主题时,优站集成了三个站内搜索,分别是百度、360和默认搜索。更改为“开始”主题后,前面的功能在第一时间被翻译。

一开始就有朋友让我分享部署方法。我真的太忙了,但我太忙了,不能这么做。事实上,一点点站立能力就能把这个东西摘走。。。

第二,修改代码
①搜索伪静态。
什么是搜索伪静态?

众所周知,WordPress的默认搜索地址是http://www.domain.com/?. S =关键字这是一个动态地址,与全站的伪静态有点格格不入,不利于静态缓存

很简单,将以下代码添加到主题下的functions.php:

//默认搜索伪静态
function wp_search_url_rewrite() {
    if ( is_search() && ! empty( $_GET['s'] ) ) {
        wp_redirect( home_url( "/search/" ) . urlencode( get_query_var( 's' ) ) . "/");
        exit();
    }
}
add_action( 'template_redirect', 'wp_search_url_rewrite' );

现在去前台搜索,会发现结果会跳转到[/search/ keywords]。当然,为了让搜索直接转到这个页面,而不是跳转到301,我们可以稍微修改一下这个搜索框。

通用搜索框代码如下:

<div id="searchbar">
	<form method="get" id="searchform" action="https://www.zhanceo.com/">
		<input type="text" name="s" id="s" placeholder="输入搜索内容" />
		<button type="submit" id="searchsubmit">搜索</button>
	</form>
</div>

输入内容,点击搜索,你会跳转到?s =这个动态页面的关键字。因此,我们需要通过js代码截取这个搜索动作,然后重新定义跳转地址并修改代码如下:

<div id="searchbar"> <form method="get" id="searchform" action="https://www.zhanceo.com/search/">
    <input id="wp_search" placeholder="请输入搜索内容" onkeydown="if(event.keyCode==13){return Searcher('wp');}">
    <button type="submit" id="searchsubmit" onclick="return Search('wp');">搜索</button>
</form>
</div>
<script type="text/javascript">
function Search(){
    var value=$("#wp_search").val()||"";
    window.open("https://www.zhanceo.com/search/"+value+"/"); 
    return false;
}
</script>

很简单的代码,原理是把一个js函数绑定到【搜索】动作上,这个js函数的作用是得到当前输入的关键词,把它们拼接成一个新的地址,最后跳到过去。

这样就实现了WordPress默认搜索的伪静态。显然,这种方法适用于任何WP话题。

Ps:其实是用Nginx或者Apapche的伪静态规则实现的,性能会更好!让我们稍后做一些研究。

②整合多个搜索。
多次搜索?什么样的?

这取决于你的心情。只要找出内容,可以随便加几个!除了百度高度兼容的站内搜索,其他网站无非就是用站点说明+关键词。

比如360好搜,搜索张歌博客的一个关键词,直接访问以下链接:

http://www.haosou.com/s? Q =站点% 3张. ge+移动适配

那么其他任何搜索引擎基本都可以按照葫芦画瓢来做。很明显,这个方法会使用上面共享的JS函数,但是需要稍微修改一下,这样函数才能多次使用。

比如我想同时集成360和默认搜索。代码可以编写如下:

<div id="searchbar"> <form method="get" id="searchform" action="https://www.zhanceo.com/search/">
    <input id="wp_search" placeholder="请输入搜索内容" onkeydown="if(event.keyCode==13){return Searcher('wp');}">
    <button type="submit" id="searchsubmit" onclick="return Search('wp');">搜索</button>
</form>
</div>
<div id="searchbar">
<form method="get" id="searchform" action="http://www.haosou.com/s?q=site%3Azhang.ge">
    <input class="swap_value" id="haosou" placeholder="请输入好搜站内搜索关键词"  onkeydown="if(event.keyCode==13){return Search('haosou');}">
    <button type="submit" id="searchsubmit" onClick="return Search('haosou');">好搜一下</button>
</form>
</div>
<script type="text/javascript">
/* 无非就是多一个传参嘛! */
function Search(type){
    if (type=="haosou") {
        var value=$("#haosou").val()||"";
        window.open("http://www.haosou.com/s?q="+value+"+site%3Azhang.ge"); 
    } else {
        var value=$("#wp_search").val()||"";
        window.open("https://www.zhanceo.com/search/"+value+"/"); 
    }
    return false;
}
</script>

写了这么多,更多搜索引擎,你应该可以自己搞定了吧?

三、Begin 专用
Begin 的就简单了,直接用张戈现在用的代码即可。

编辑 Begin 主题下的 inc/search-baidu.php 文件,替换为以下代码(域名请自行替换):

<div id="searchbar">
    <!-- 这里用到的是百度的内嵌搜索,begin 主题已经集成了,注意/search 路径修改成实际的搜索页面 -->
	<form method="get" id="searchform" action="https://www.zhanceo.com/search/" target="_blank">
		<input class="swap_value" placeholder="请输入百度站内搜索关键词" name="q">
		<button type="submit" id="searchsubmit">百度一下</button>
	</form>
</div>
<div id="searchbar">
<form method="get" id="searchform" action="http://www.haosou.com/s?q=site%3Azhang.ge">
    <input class="swap_value" id="haosou" placeholder="请输入好搜站内搜索关键词"  onkeydown="if(event.keyCode==13){return Search('haosou');}">
    <button type="submit" id="searchsubmit" onClick="return Search('haosou');">好搜一下</button>
</form>
</div>
<div id="searchbar"> <form method="get" id="searchform" action="https://www.zhanceo.com/search/">
    <input class="swap_value" id="wp_search" placeholder="请输入博客站内搜索关键词" onkeydown="if(event.keyCode==13){return Searcher('wp');}">
    <button type="submit" id="searchsubmit" onclick="return Search('wp');">默认搜索</button>
</form>
</div>
<script type="text/javascript">
function Search(type){
    if (type=="haosou") {
        var value=$("#haosou").val()||"";
        window.open("http://www.haosou.com/s?q="+value+"+site%3Azhang.ge"); 
    } else {
        var value=$("#wp_search").val()||"";
        window.open("https://www.zhanceo.com/search/"+value+"/"); 
    }
    return false;
}
</script>

然后,在后台关闭主题选项中的默认搜索功能,因为上面的代码已经集成了!

最后效果如图。当然,直接在博客右上角搜索就可以了:

WordPress集成了多种站内搜索、百度嵌入式搜索和伪静态方法。

第四,百度嵌入式
这个功能已经退出有一段时间了。发现后,尽快推荐给鸟哥。因此,Begin的后期版本也集成了这个功能。因此,使用Begin主题的朋友下面的内容可以跳过。

个人觉得不错。比之前把百度搜索和cname整合起来更和谐,因为用的是二级目录。如果您感兴趣,可以查看官方帮助文档,了解更多关于参数的用法和含义。

让我们简单分享一下集成方法:

(1)、复制主题目录下的页面模板(通用名为page.php),如果复制后名称为bdsearch.php;

②编辑复制的bdsearch.php,将文件头的模板名称改为百度嵌入式搜索,例如:

<?php
/*
Template Name: 百度嵌入式搜索
*/
?>

③、找到如下类似代码:

<?php the_content('More &raquo;'); ?>

然后替换为如下内容即可:

<div id="bdcs-frame-box"></div>
<script type="text/javascript">
var bdcsFrameSid="此处填写你的百度站内搜索 ID";
var bdcsFrameCharset= "utf-8";
var bdcsFrameWidth = 650; //宽度请自行调整
var bdcsFrameHeight = 0;
var bdcsFrameWt = 1;
var bdcsFrameHt = 2;
var bdcsFrameResultNum = 20;
var bdcsFrameBgColor = "#fff";
var bdcsRecommend = 0;
var bdcsDefaultQuery = 0;
var bdcsRemoveUrl = 0;
</script>
<script type="text/javascript" src="http://zhannei.baidu.com/static/js/iframe.js"></script>

④最后新建页面,选择【百度嵌入式搜索】作为模板,发布

发布后,当你访问这个页面地址时,会有一个默认的百度站点搜索,它嵌入在iframe中:

WordPress集成了多种站内搜索、百度嵌入式搜索和伪静态方法。

接下来,我们必须修改搜索框,以便关键字可以传递到此页面。

每个主题的搜索框都不一样,所以这里不能给出直接可用的代码。请参考以下代码自行修改:

<form method="get" id="searchform" action="https://www.zhanceo.com/search/" target="_blank">
	<input class="swap_value" placeholder="请输入百度站内搜索关键词" name="q">
	<button type="submit" id="searchsubmit">百度一下</button>
</form>

以上内容,多多少少会涉及到 CSS 样式的调整,这是折腾主题的必备技能之一!所以样式问题就请自行搞定,这样才能学的更多,得到最大的收获!

资源下载此资源仅限注册用户下载,请先
客服QQ:1427707223
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明   ⚠️ 1. 本站所有资源来源于网络收集,若资源侵犯了您的合法权益, 请来信通知我们(Email: 1427707223@qq.com),我们会及时删除,给您带来的不便,我们深表歉意! 2. 分享目的仅供大家学习和交流,若使用商业用途,请购买正版授权! 否则产生的一切后果将由下载用户自行承担! 3. 会员不得使用于非法商业用途,不得违反国家法律。否则后果自负! 4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 6. 因源码具有可复制性,一经购买 ,不得以任何形式退款。 7.更多详情请点击查看

优站网 WordPress教程 WordPress集成多种站内搜索、百度嵌入式搜索,并伪静态化的方法 https://www.zhanceo.com/21342.html

诚乃立身之本、信为道德之基

常见问题
  • 如果付款后没有弹出下载页面,多刷新几下,有问题联系客服!
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

联系官方客服

为您解决烦忧 - 24小时在线 专业服务

WordPress集成多种站内搜索、百度嵌入式搜索,并伪静态化的方法-海报