如何使用wordpress短代码添加搜索框文章中

经常会用用户询问,我想很方便的使用搜索框,也就是说能够快速添加短代码到文章中,有没有解决方案?回答是肯定的。只需要在function.php文件中加入如下代码即可实现:

<pre>add_shortcode('wpbsearch', 'get_search_form');

这会显示默认搜索框,但是有人说样式不好看,ok,可以设置自定义的样式的,使用下面的代码,放到函数文件里:

function wpbsearchform( $form ) {

    $form = '<form role="search" method="get" id="searchform" action="' . home_url( '/' ) . '" >
    <div><label for="s">' . __('请输入关键词:') . '</label>
    <input type="text" value="' . get_search_query() . '" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="'. esc_attr__('搜索') .'" />
    </div>
    </form>';

    return $form;
}

add_shortcode('wpbsearch', 'wpbsearchform');

接下来定义CSS:
#searchform{}
#s{}
#searchsubmit{}

微信扫一扫,关注微信公众号,获取最新资讯

留下回复

您的电邮不会被公布 必填字段标记为*