表单操作-自定义URL

Question

我的wordpress主题中有一个搜索表单。我希望在搜索结果中有一个自定义url。

我的源代码：

<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<input type="text" name="s" id="s" onblur="if (value =='') {value = 'Search'}" onfocus="if (value == 'Search') {value =''}" value="Search" />
<input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( '', 'themevb' ); ?>" />
</form>

我的实际搜索网址：

http://www.example.com/?s=keyword&submit=

我需要这个网址：

http://www.example.com/web/keyword

Answer 1

最简单的解决方案，将此脚本排入队列，或者直接放在搜索表单下面，它将导航到自定义搜索页面。

<script>
jQuery(function($){
    $( '#searchform' ).on( 'submit', function() {
        window.location = "http://www.example.com/web/" + encodeURIComponent( $(this).find( '#s' ).val() );
        return false;
    });
});
</script>

添加自定义重写规则，记得通过访问管理部分的settings->permalinks选项卡来刷新规则。

add_rewrite_rule( 'web/(.+?)/?$','index.php?s=$matches[1]' );