{"id":27748,"date":"2021-05-23T15:51:00","date_gmt":"2021-05-23T12:51:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27748"},"modified":"2021-10-18T04:09:54","modified_gmt":"2021-10-18T01:09:54","slug":"como-criar-um-formulario-de-pesquisa-personalizado-no-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-criar-um-formulario-de-pesquisa-personalizado-no-wordpress\/","title":{"rendered":"Como criar um formul\u00e1rio de pesquisa personalizado no WordPress"},"content":{"rendered":"

Voc\u00ea est\u00e1 procurando criar um formul\u00e1rio de pesquisa personalizado em um site WordPress? Costum\u00e1vamos construir temas do zero para que pud\u00e9ssemos adicionar nosso pr\u00f3prio estilo \u00e0s se\u00e7\u00f5es do site. Voc\u00ea pode ter criado o design de um formul\u00e1rio de pesquisa de boa apar\u00eancia e agora deseja ajust\u00e1-lo ao WordPress.<\/p>\n

O WordPress fornece um m\u00e9todo get_search_form()<\/code>que processa o formul\u00e1rio de pesquisa. Se voc\u00ea usar esse m\u00e9todo em seu tema personalizado, obter\u00e1 um formul\u00e1rio de pesquisa padr\u00e3o criado no n\u00facleo do WordPress. E voc\u00ea n\u00e3o quer o formul\u00e1rio de pesquisa padr\u00e3o, pois o design do formul\u00e1rio \u00e9 diferente. Para superar essa situa\u00e7\u00e3o, voc\u00ea precisa criar um formul\u00e1rio de pesquisa personalizado que substitua o padr\u00e3o.<\/p>\n

Ao criar um formul\u00e1rio de pesquisa personalizado, voc\u00ea pode adicionar sua pr\u00f3pria marca\u00e7\u00e3o e estilo a ele. Neste artigo, mostrarei como criar um formul\u00e1rio de pesquisa personalizado no WordPress.<\/p>\n

O m\u00e9todo get_search_form()<\/code>procura o searchform.php<\/code>arquivo no diret\u00f3rio do seu tema ativo. Se esse arquivo n\u00e3o existir, o WordPress usa o formul\u00e1rio de pesquisa padr\u00e3o que est\u00e1 inclu\u00eddo em seu n\u00facleo.<\/p>\n

Crie um formul\u00e1rio de pesquisa personalizado<\/h3>\n

Crie um searchform.php<\/code>arquivo no diret\u00f3rio do seu tema ativo. Neste arquivo, adicione sua marca\u00e7\u00e3o do formul\u00e1rio de pesquisa. Por exemplo, no meu caso, o formul\u00e1rio de pesquisa \u00e9 o seguinte.<\/p>\n

<form id=\"searchform\" method=\"get\" action=\"<?php echo esc_url( home_url( '\/') ); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" class=\"search-field\" name=\"s\" placeholder=\"Search\" value=\"<?php echo get_search_query(); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" value=\"Search\">\n<\/form><\/code><\/pre>\n
N\u00e3o h\u00e1 nada extravagante ou complexo no c\u00f3digo acima. Acabei de fornecer id ‘searchform’ para a tag do formul\u00e1rio e a classe ‘search-field’ para o campo de texto de pesquisa. Usando este id e classe, posso adicionar um estilo ao formul\u00e1rio de pesquisa. Assim, no seu caso, voc\u00ea deve usar sua pr\u00f3pria marca\u00e7\u00e3o.<\/p>\n
Exibir formul\u00e1rio de pesquisa<\/h3>\n
A pr\u00f3xima etapa \u00e9 exibir o formul\u00e1rio de pesquisa no site. Voc\u00ea pode querer colocar o formul\u00e1rio de pesquisa na barra lateral, cabe\u00e7alho, pr\u00f3ximo ao menu, etc.<\/p>\n
Usando a fun\u00e7\u00e3o, get_search_form()<\/code>\u00e9 poss\u00edvel exibir seu formul\u00e1rio de pesquisa em qualquer lugar do site. Tudo o que voc\u00ea precisa fazer \u00e9 chamar esse m\u00e9todo do local onde deseja exibir o formul\u00e1rio de pesquisa.<\/p>\n
<?php get_search_form(); ?><\/code><\/pre>\n
Ap\u00f3s colocar o c\u00f3digo acima no local desejado, acesse o navegador. Agora voc\u00ea deve ver seu formul\u00e1rio de pesquisa no site.<\/p>\n
Personalizar o resultado da pesquisa<\/h3>\n
Pode ser que seu site tenha mais recursos como livros, revistas, ebooks, PDFs, etc. e voc\u00ea precise mostrar o conte\u00fado de todos esses recursos no resultado da pesquisa. Isso pode ser feito facilmente.<\/p>\n
Supondo que voc\u00ea tenha tipos de postagem personalizados para todos esses recursos, voc\u00ea precisa adicionar um campo oculto para cada tipo de postagem no formul\u00e1rio de pesquisa.<\/p>\n
Digamos que voc\u00ea tenha criado tipos de postagem personalizados, livro, revista, e-book, pdf para os recursos acima. Ent\u00e3o, seus campos ocultos ser\u00e3o os seguintes.<\/p>\n
<form id=\"searchform\" method=\"get\" action=\"<?php echo esc_url( home_url( '\/') ); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" class=\"search-field\" name=\"s\" placeholder=\"Search\" value=\"<?php echo get_search_query(); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"book\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"magazine\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"ebook\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"pdf\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" value=\"Search\">\n<\/form><\/code><\/pre>\n
Agora, quando algu\u00e9m insere uma palavra-chave no formul\u00e1rio de pesquisa, o WordPress pesquisa essa palavra-chave em todos os tipos de postagem acima para corresponder ao resultado.<\/p>\n
Espero que voc\u00ea entenda como criar um formul\u00e1rio de pesquisa personalizado no WordPress. Eu gostaria de ouvir seus pensamentos e sugest\u00f5es na se\u00e7\u00e3o de coment\u00e1rios abaixo.<\/p>\n
Artigos relacionados<\/h4>\n