Passo 1

Acesse o seu painel WordPress e vá para "Aparência" no menu à esquerda. Clique no "Editor" em "Aparência" para carregar a tela de edição do tema. Encontre um arquivo no lado direito chamado "searchform.php" e clique no link. Crie um arquivo e nomeie-o como "searchform.php" e, em seguida, faça o upload para o seu tema, se ele ainda não existir. O arquivo vai no seguinte local:

/ public_html / wp-content / themes / nome-do-tema /

Substitua "nome-do-tema" pelo nome do tema que você está usando. Às vezes, "public_html" é "www".

Passo 2

Edite ou codifique o HTML do seu "searchform.php" para atender às suas necessidades. Este arquivo também pode incluir código PHP. Aqui está um exemplo:

Use o rótulo como mostrado acima, incluindo identificação, método e ação para funcionar corretamente. Você também deve mencionar o campo de texto "s" para que ele funcione com o WordPress. Adicione qualquer código HTML que você goste e adicione nomes de ID e de classe às tags que você precisa referenciar no código CSS.

Passo 3

Edite o arquivo "style.css" usando o editor de temas da tela ou edite-o em seu computador e envie-o para o servidor no mesmo diretório que "searchform.php". Use o código CSS em "style.css" no estilo do mecanismo de pesquisa. Aqui está um exemplo:

campo de pesquisa {border: 1px solid #ccc; estilo de fonte: itálico;}

O código coloca uma borda de um pixel de largura, cinza claro em todo o campo de pesquisa e torna o texto em itálico. Você também pode editar o botão ou o outro texto no arquivo "searchform.php".