脡 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.

Nenhum comentário em “Customizando o campo de busca (search form) no WordPress”

  1. Faça um comentário preenchendo o formulário ao lado.