实现WordPress默认站内搜索伪静态化的方法

何为 WordPress 站内搜索伪静态？众所周知，WordPress 默认搜索地址为 http://www.domain.com/?s=keyword ，这是一个动态地址，和全站伪静态有点格格不入，而且还不利于静态缓存。所以我们很有必要把 WordPress 站内搜索变成伪静态。

实现的方法很简单，只需要将以下代码加入到当前主题下的 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/关键词】了。当然，如果动手能力强的话，我们为了让搜索直接进入这个页面，而不是要301跳转，我们可以稍微改造一下这个搜索框。

常规搜索框代码一般如下：

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

输入内容，点击搜索后就必然会跳到 ?s=keyword 这个动态页面。所以，我们需要通过 js 代码来拦截这搜索动作，然后重新定义跳转地址，将代码如下修改即可：

<div id="searchbar"> <form method="get" id="searchform" action="http://zhang.ge/search/">
<input name="s" id="s" 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=$("# s ").val()||"";
window.open("http://zhang.ge/search/"+value+"/");
return false;
}
</script>

很简单的代码，原理就是给【搜索】动作绑定了一个 js 函数，而这个 js 函数的功能就是获取当前输入的关键词，并拼接成一个新的地址，最后跳转过去即可。

如此，就实现了 WordPress 默认站内搜索的伪静态化。很明显，这个方法适合任何 WordPress 主题。如果想让 WordPress 集成多种站内搜索，比如百度、360嵌入式搜索，请移步阅读本文完整版本——《WordPress集成多种站内搜索、百度嵌入式搜索，并伪静态化的方法》。