WordPress 主题 JustMedia 集成 360 站内搜索

2018年11月26日 0 条评论 73 次阅读 1 人点赞

酷客星球之前折腾了JustMedia主题集成百度站内搜索的功能,今天再来水一篇集成360站内搜索功能。哈哈~

折腾之前先来看下两段代码,一是360搜索给出的站内搜索代码,二是主题本身默认的搜索代码。

一、360搜索站长平台站内搜索代码

360站内搜索定制面板

<style type="text/css">
#so360{white-space:nowrap}
#so360 form{margin:0;padding:0}
#so360_keyword{width:307px;height:24px;line-height:24px;font:14px arial;padding:
2px 5px;margin-right:5px;border:2px solid #3FB30E;outline:0;vertical-align:middle}
#so360_keyword{background:url(https://p.ssl.qhimg.com/t01ab1a3fb05f0ee893.png)
 no-repeat 236px center}
#so360_submit{width:70px;height:32px;border:0;color:#fff;
 background:#3FB30E;font-weight:bold;font:bold 14px arial;padding:0;
 padding-top:3px\9;cursor:pointer;
vertical-align:middle}
</style>
<div id="so360">
    <form action="http://www.so.com/s" target="_blank" id="so360form">
   <input type="text" autocomplete="off" name="q" id="so360_keyword">
        <input type="submit" id="so360_submit" value="搜 索">
        <input type="hidden" name="ie" value="utf8">
        <input type="hidden" name="src" value="zz_www.kcostar.com">
        <input type="hidden" name="site" value="www.kcostar.com">
        <input type="hidden" name="rg" value="1">
    </form>
</div>

定制好了点击生成,就是这段代码了,但不能直接拿来用,因为里面有CSS、按钮等等我们不需要的内容,所以需要改造,后面会说。

二、JustMedia 主题默认的搜索代码

<form class="navbar-search" action="<?php echo get_bloginfo('url');?>" method="get" role="search">
<input type="text" name="s" class="navbar-search-input" autocomplete="off" placeholder="<?php _e('Type your search here ...', 'wpcom');?>" value="<?php echo get_search_query(); ?>">
<a class="navbar-search-icon j-navbar-search" href="javascript:;"></a>
</form>

嘛,就是这段了,可以看出,这段代码直接调用的WordPress PHP函数,然后通过JS跳转,就是说跟程序本身的搜索功能一样(废话,但不接受任何反驳)。

三、改造

对比以上两段代码我们发现相似之处,就是<form></form>之间的代码,这样就照葫芦画瓢了。

在不改变主题本身搜索框的情况下,可以直接写成:

<form class="navbar-search" action="https://www.so.com/s" id="so360form" target="_blank" method="get" role="search">
<input type="text" name="q" id="so360_keyword" class="navbar-search-input" autocomplete="off" placeholder="<?php _e('Type your search here ...', 'wpcom');?>">
<input type="hidden" name="ie" value="utf8">
<input type="hidden" name="src" value="zz_www.kcostar.com">
<input type="hidden" name="site" value="www.kcostar.com">
<input type="hidden" name="rg" value="1">
<a class="navbar-search-icon j-navbar-search" href="javascript:;"></a>
</form>

这里要注意下,360给出的代码是HTTP的,如果网站开启了HTTPS,那么我们也要改成HTTPS,为啥?1、360搜索本身支持HTTPS,2、你的小绿锁不要拉?

我的酷客星球目前已经用上了,感觉还不错,主要是搜索效率变高且不会被某些机器人骚扰了。好生活因为是新站,过段时间再说了。

Jackwill

这个人太懒什么东西都没留下