Wordpress的header的检索输入框的代码

最新推荐文章于 2021-03-09 21:37:09 发布

步行者

最新推荐文章于 2021-03-09 21:37:09 发布

阅读量1k

点赞数

分类专栏： PHP 文章标签： wordpress header search action input query

本文链接：https://blog.csdn.net/hantiannan/article/details/7248273

版权

PHP 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

路径：/wordpress/wp-includes/general-template.php

function get_search_form($echo = true) {
   do_action( 'get_search_form' );

   $search_form_template = locate_template('searchform.php');
   if ( '' != $search_form_template ) {
       require($search_form_template);
       return;
   }
   $form = '<form role="search" method="get" id="searchform" action="' . home_url( '/' ) . '" >
   <div><label class="screen-reader-text" for="s">' . __('Search for:') . '</label>
   <input type="text" value="' . get_search_query() . '" name="s" id="s" />
   <input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" />
   </div>
   </form>';

   if ( $echo )
       echo apply_filters('get_search_form', $form);
   else
       return apply_filters('get_search_form', $form);
}

然后css在每个theme的basic.css中定义

form#searchform {
   float: right;
   width: 180px;
}
/* IE6以前対応 */
*html form#searchform {
   width: 160px;
}

form#searchform label {
   display: none;
}
form#searchform input#s {width: 120px;}

form#searchform input#searchsubmit {width: 50px;}