纯代码为 WordPress 添加分类搜索选项

最早在哪儿看到这个东西的忘记了，最近在 banyuner 的博客看到了类似功能，当然他也分享了代码（代码来自露兜博客）。

暂时只做记录，这玩意儿对我其实没多大用处，不过难免以后会用到。

正文：

相关代码：

上面是单个分类，露兜博客同时也提供了下拉的方式的筛选：

        

        
            搜音乐
            搜图片
        

        

PS：代码中的 value 后的数字是可以自己替换的，这个就是搜索分类的 ID，那么这个 ID 该如何获取呢？直接在后台爱点击分类，看到地址栏上面的分类链接你就可以知道了。

当然如果你懂一点 PHP，你可以根据你主题的设置代码来写一段代码，以后直接在主题设置添加就不用修改源文件了，我这里没有办法具体演示，毕竟每个主题使用的方式不尽相同，如果你不懂 PHP 你应该忽略我这段话。

用以上代码替换你主题的搜索代码，打个比方，何先生使用的是 DUX 主题，我们复制以上代码，打开 header.php 文件，最下面我们看到了这样的代码：

echo '
';

现在我们需要进行改造：

我们对比一下两上面两段代码

 将
action=""
 改为
action="'.esc_url( home_url( '/' ) ).'"

同理，我们再依次这样替换完整，放进主题搜索原来的位置。

下面是我改造后的代码：

        
        

        
            分类搜索 //这里的值不填写的话，用户选择这个，采用全局搜索。
            WordPress教程 //只搜索 WordPress 教程这个分类下的文章
            网络技术 //同上，更多分类需要自己填写，或写相关 PHP 代码
        
        

        

顺便来个 CSS :

.search-select {
    position: absolute;
    margin-left: -158px;
    border-color: #ddd;
    border-radius: 2px;
}
select.search-option {
    height: 50px;
    font-size: 16px;
    padding: 0 10px;
    border: 1px solid #ddd;
}

最终效果：

有什么问题可以留言。