脡 muito f谩cil customizar a forma de apresenta莽茫o do campo de busca (search form) no WordPress.
Primeiro, para chamar o campo de busca no seu tema de WordPress voc锚 usa o c贸digo:
<?php聽get_search_form();聽?>
Caso voc锚 n茫o tenha no seu tema um arquivo chamado de searchform.php, o WordPress por padr茫o vai apresentar o template do campo de busca dessa forma:
<form role="search" method="get" id="searchform" action="http://www.example.com/" >
<div><label for="s">Search for:</label>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>
Para mudar esse template voc锚 pode fazer de 2 formas. Primeiro, voc锚 pode criar um arquivo searchform.php e adicionar o c贸digo abaixo:
/**
Template Name: Search Form
**/
<form action="/" method="get" accept-charset="utf-8" id="searchform" role="search">
<div>
<label for="s">Search for:</label>
<input type="text" name="s" id="s" value="<?php the_search_query();聽?>" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>
E ent茫o 茅 s贸 editar da maneira que desejar o HTML e o CSS.
Outra maneira 茅 criar uma fun莽茫o dentro do arquivo functions.php no seu tema. Dentro dele adicione o c贸digo:
function my_search_form($form) {
$form = '<form method="get" id="searchform" action="' . get_option('home') . '/" >
<div><label for="s">' . __('Search for:') . '</label>
<input type="text" value="' . attribute_escape(apply_filters('the_search_query', get_search_query())) . '" name="s" id="s" />
<input type="submit" id="searchsubmit" value="'.attribute_escape(__('Search')).'" />
</div>
</form>';
return $form;
}
Para chamar a fun莽茫o que voc锚 criou no seu tema, em vez do get_search_form(), voc锚 precisa usar o seguinte c贸digo:
<?php聽add_filter('get_search_form',聽'my_search_form');聽?>
* Nota: o nome my_search_form tem de ser o mesmo nome da fun莽茫o que voc锚 criou no arquivo functions.php.