Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como criar um formulário de pesquisa avançada no WordPress para tipos de post personalizados

Deseja criar um formulário de pesquisa avançada no WordPress para tipos de post personalizados?

Se você usa tipos de post personalizados, talvez queira criar um formulário que permita que os visitantes pesquisem apenas esse conteúdo. Isso pode ajudar as pessoas a encontrar o que estão procurando e mantê-las em seu site por mais tempo.

Neste artigo, mostraremos como criar facilmente um formulário de pesquisa avançada para tipos de post personalizados no WordPress, passo a passo.

How to create advanced search form in WordPress for custom oost types

Por que criar um formulário de pesquisa avançada para tipos de post personalizados?

Os tipos de post personalizados permitem que você vá além de posts e páginas e crie diferentes tipos de conteúdo para o seu site. Por exemplo, usamos tipos de post personalizados aqui no WPBeginner para organizar nossas seções Ofertas e Glossário.

No entanto, o WordPress não inclui tipos de post personalizados em seus resultados de pesquisa por padrão. Como resultado, os visitantes podem perder conteúdo importante e você perderá visualizações de página.

Felizmente, você pode incluir tipos de posts personalizados em seus resultados de pesquisa usando um plug-in de pesquisa do WordPress. Você pode até mesmo dar um passo adiante e criar um formulário avançado que pesquise somente tipos de posts personalizados.

Por exemplo, no WPBeginner, criamos formulários de pesquisa de tipo de postagem personalizada em nossas páginas de Ofertas e Glossário.

An example of a custom search form on the WPBeginner website

Muitas vezes, esse tipo de formulário de pesquisa avançada ajudará os visitantes a encontrar o que estão procurando com mais rapidez, o que melhorará a experiência do visitante e reduzirá a taxa de rejeição.

Primeiro, você pode ver nosso guia sobre como criar tipos de post personalizados no WordPress. Em seguida, você pode ir para o nosso tutorial sobre como criar um formulário de pesquisa avançado do WordPress para tipos de post personalizados.

Criar um novo algoritmo de pesquisa do WordPress com um plug-in do WordPress

A maneira mais fácil de criar um formulário de pesquisa avançada para tipos de post personalizados é usar o plug-in SearchWP. Ele é o melhor plug-in de pesquisa e permite que você pesquise conteúdo que o WordPress ignora por padrão.

Por exemplo, você pode tornar os comentários do blog pesquisáveis e adicionar indexação e pesquisa de PDFs ao seu site.

Como configurar o SearchWP

A primeira coisa que você precisa fazer é instalar e ativar o plug-in SearchWP. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, você deve ir para SearchWP ” Settings e clicar na guia “General” (Geral).

Enter SearchWP license key

Agora você precisa inserir sua licença na caixa “License Key” (Chave de licença). Você pode encontrar essas informações em sua conta no site do SearchWP.

Quando terminar, certifique-se de clicar no botão “Verify Key” (Verificar chave).

Criação de um algoritmo de pesquisa personalizado

Sua próxima tarefa é criar um algoritmo de pesquisa personalizado. Ele permite que você especifique o conteúdo que o SearchWP inclui nos resultados da pesquisa, como páginas, posts, mídia e quaisquer tipos de post personalizados.

Para começar, você precisa ir para SearchWP “ Algorithm no painel de administração do WordPress.

Creating a search algorithm using SearchWP

Aqui, você verá uma seção para cada tipo de conteúdo que o SearchWP inclui em seus resultados de pesquisa.

Para adicionar seu tipo de postagem personalizado, basta clicar no botão “Sources & Settings” (Fontes e configurações).

How to add custom post types to a WordPress search engine

Na janela pop-up que aparece, marque a caixa ao lado de cada tipo de post personalizado que você deseja incluir nos resultados da pesquisa.

Depois disso, clique em “Done” (Concluído).

Creating a WordPress search form for custom post types

O SearchWP adicionará uma nova seção para cada tipo de post personalizado. Cada seção mostra todos os atributos que o SearchWP incluirá em suas pesquisas, como o título, o slug e o trecho.

Se você quiser adicionar ou remover atributos, basta clicar em “Add/Remove Attributes” (Adicionar/remover atributos).

Creating a search form for custom post types

Na janela pop-up, marque a caixa ao lado de cada atributo que você deseja incluir nos resultados da pesquisa.

Para remover um atributo, você pode desmarcar sua caixa.

Adding attributes to the SearchWP search algorithm

Nessa janela pop-up, você também pode tornar os campos personalizados pesquisáveis no WordPress.

Quando estiver satisfeito com as alterações feitas, clique em “Done” (Concluído).

Você perceberá que cada atributo também tem um controle deslizante Application Attribute Relevance (Relevância do atributo do aplicativo). Isso controla como o SearchWP classifica o conteúdo ao criar sua página de resultados de pesquisa no WordPress.

Se um atributo tiver alta relevância, ele terá um impacto maior nos resultados da pesquisa. Por outro lado, o conteúdo que corresponde a um atributo de menor relevância aparecerá em uma posição inferior nos resultados da pesquisa.

Por exemplo, se você mover o controle deslizante “Título” para a direita e o controle deslizante “Conteúdo” para a esquerda, o título de uma postagem terá mais peso do que o conteúdo.

Creating a custom search form for your WordPress blog or website

Cada site do WordPress é único, portanto, você pode experimentar diferentes configurações de relevância para ver o que oferece os resultados de pesquisa mais precisos e úteis.

Por exemplo, se você criou um tipo de post personalizado “avaliações de clientes” para a sua loja on-line, esse é um conteúdo importante e, por isso, convém atribuir a ele uma alta relevância.

Quando estiver satisfeito com a configuração do recurso de pesquisa, basta rolar até a parte superior da tela e clicar no botão “Salvar”.

Saving the custom post type search algorithm

O SearchWP agora reconstruirá o índice automaticamente. Dependendo da velocidade da sua conexão com a Internet e do seu provedor de hospedagem WordPress, isso pode levar alguns minutos.

Assim que vir “Index Status 100%”, você saberá que o SearchWP adicionou seus tipos de post personalizados ao índice de pesquisa.

Rebuilding the WordPress search index

Seu blog, site ou mercado on-line do WordPress agora incluirá tipos de post personalizados nos resultados de pesquisa.

Criar um formulário de pesquisa avançada para tipos de post personalizados

Com isso feito, você está pronto para criar um formulário avançado que pesquisa apenas seus tipos de post personalizados.

Para começar, vá para SearchWP ” Search Forms e clique no botão “Add New” (Adicionar novo).

Creating a new custom search form

Isso cria um novo formulário, pronto para ser personalizado.

Para dar um nome exclusivo a esse formulário, clique no pequeno ícone de lápis ao lado de “Search Form 1”.

Renaming the custom search form using SearchWP

Agora você pode digitar um nome para o formulário de pesquisa personalizado.

Isso é apenas para sua referência, portanto, você pode usar qualquer coisa que o ajude a identificar o formulário no painel do WordPress. Isso é particularmente importante se você planeja criar vários formulários de pesquisa no WordPress.

Creating an advanced search form using SearchWP

Depois disso, você pode escolher o layout que deseja usar usando as miniaturas de “Layout Theme” (Tema do layout).

Basta clicar nos diferentes temas para ver uma prévia de como esse estilo ficará em seu site WordPress.

Choosing a theme for the custom search form

Para criar um formulário de pesquisa para tipos de post personalizados, você normalmente desejará usar “Basic” ou “Quick Search”.

Esses estilos não permitem que os visitantes pesquisem por categoria, o que ajuda a mantê-los concentrados nos tipos de post personalizados.

Creating a quick search form for your WordPress website or blog

Depois de tomar sua decisão, role até a seção “Custom Styling” (Estilo personalizado).

As configurações que você vê podem variar dependendo do layout do tema. Por exemplo, se você selecionou “Quick Search”, a configuração “Quick Search” será ativada por padrão.

Adding custom styling to a search bar in WordPress

Você pode desativar e ativar as diferentes opções usando seus botões de alternância.

A visualização ao vivo será atualizada automaticamente à medida que você fizer alterações, para que você possa experimentar configurações diferentes e ver o que funciona melhor.

Por padrão, o formulário pesquisará mídia, páginas e posts e ignorará os tipos de posts personalizados. Para incluir tipos de post personalizados, você precisa localizar o campo “Tipo de pesquisa” e clicar nele.

Searching posts, pages, media, and more using SearchWP

Agora você pode digitar o nome de cada tipo de post personalizado.

Quando o tipo de postagem correto aparecer, dê um clique para adicioná-lo à pesquisa.

Adding custom types to a WordPress search bar or form

Você deseja pesquisar apenas tipos de post personalizados e ignorar todos os outros conteúdos?

Em seguida, basta clicar no pequeno “X” ao lado de “Media”, “Pages” e “Posts”.

Removing post types from a custom search algorithm

Com isso feito, o formulário pesquisará apenas seus tipos de post personalizados.

Quando estiver satisfeito com a configuração do formulário, vá até a seção “Form Style” (Estilo do formulário). Aqui, você pode escolher entre diferentes estilos de formulário, adicionar uma borda, alterar o tamanho da fonte e muito mais.

Changing the WordPress form style

Em “Button Style” (Estilo do botão), você pode personalizar o botão “Search” (Pesquisar) que aparece no formulário.

Quando estiver satisfeito com a configuração do formulário, role até a parte superior da tela e clique em “Save” (Salvar) para armazenar suas configurações.

Saving the custom search settings on your website or blog

Como adicionar os tipos de postagem personalizados ao WordPress

Agora, você está pronto para adicionar o formulário de pesquisa ao WordPress usando um shortcode ou bloco.

O método mais fácil é usar um bloco, portanto, vá até a página ou postagem em que você deseja adicionar o formulário de tipo de postagem personalizada.

Em seguida, você pode clicar no ícone “+” e digitar “Search Form”.

Adding a search block to your WordPress blog or website

Quando o bloco correto aparecer, clique nele.

Em seguida, abra o menu suspenso “Select a Form” e escolha o formulário de pesquisa que você criou durante este tutorial.

Showing a custom search from in WordPress

Quando você estiver pronto para ativar o formulário de pesquisa, basta clicar em “Update” (Atualizar) ou “Publish” (Publicar). Agora, você pode visitar seu site para ver o formulário de pesquisa em ação.

Outra opção é adicionar o formulário de pesquisa usando um shortcode.

Para obter o shortcode, você precisa ir até SearchWP Search Forms. Aqui, encontre o formulário de pesquisa que você deseja exibir e copie o valor na coluna “Shortcode”.

Getting the shortcode for a custom search form

Agora você pode adicionar o shortcode a qualquer página, post ou área pronta para widgets. Para obter instruções passo a passo sobre como fazer isso, consulte nosso guia sobre como adicionar um shortcode no WordPress.

Bônus: Adicione tipos de post personalizados ao seu RSS Feed

Agora que você criou um formulário de pesquisa para tipos de post personalizados, também pode adicioná-los ao seu feed RSS principal. Isso facilitará para os usuários descobrirem mais conteúdo em seu site e se inscreverem nele.

Além disso, permitir tipos de post personalizados no feed RSS principal pode melhorar o SEO do seu site.

Para fazer isso, você precisará adicionar o seguinte código personalizado ao seu arquivo functions.php. Lembre-se de que isso pode ser um pouco perigoso, pois o menor deles pode danificar seu site.

function myfeed_request($qv) {
if (isset($qv['feed']))
$qv['post_type'] = get_post_types();
return $qv;
}
add_filter('request', 'myfeed_request');

É por isso que recomendamos o uso do WPCode. Ele é o melhor plugin de snippet de código do WordPress e a maneira mais segura de adicionar código personalizado.

Após a ativação do plug-in, basta acessar a página Code Snippets ” + Add Snippet e escolher a opção ‘Add Your Custom Code (New Snippet)’.

addnewsnippet

Isso o direcionará para a página “Create Custom Snippet” (Criar snippet personalizado), na qual você deve adicionar um nome de snippet e escolher “PHP Snippet” como o tipo de código.

Depois disso, você pode adicionar o código e alternar a opção “Inativo” para “Ativo”.

Save Snippet for adding custom post type to WordPress RSS feed

Em seguida, clique no botão “Save Snippet” para armazenar suas configurações. Seus tipos de post personalizados agora foram adicionados ao feed RSS principal do WordPress.

Para obter detalhes, consulte nosso tutorial sobre como adicionar tipos de post personalizados ao seu feed RSS principal do WordPress.

Esperamos que este artigo tenha ajudado você a aprender como criar um formulário de pesquisa avançada no WordPress para tipos de post personalizados. Talvez você também queira ver nossos tutoriais sobre tipos de post personalizados e nossas escolhas de especialistas para os melhores plug-ins do WordPress para expandir seu site.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

36 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. tinhbeng

    Hi,
    How to me can add product post type in here?

    Thank,

  3. vijay

    Thanks for the information, I want to know whether there is any way I can have dropdown style of search forms, as I have large number of post types, it would make it look ugly if I put all of them below search bar.

  4. Penguin

    Hi, Thanks a lot. This works pretty good for me. I am using dropdown instead of checkbox. But how can I style it to make it smilar to the one in LinkedIn header search section? Does that requires javascript? Do I use font icons for that? I am using fontawesome in my header. But I don’t know how to integrate this with fontawesome in a dropdown.

  5. mayur

    Sir.. can you plz attach screenshot with tutorials afterwords?? i think it’s more helpful for us..

  6. Brad

    How could I use this to search a custom table of data. This is for a sports team site, and basically, I need a search box where someone can “Search by”: Last name, First name, or Team.

    So how can I search by a field name?

  7. Darren

    This is an awesome tutorial, thank you.

    Is there a way that I could mix this with categories? So that I could have both custom post types and categories selectable?

    Thanks again :).

  8. ONEEEZY

    Dang.. still nothing. . .

  9. Marie

    Hi, there isn’t a way to tell the engine to automatically list all terms or tags or custom field? thanks

  10. Elliott

    Nice tutorial… Am designing a custom search for my new site at the moment.

    Curious why you don’t think searching on pages is a good idea?

    • Editorial Staff

      You can search pages except in most cases your about page, contact page, legal page, privacy policy page are mostly irrelevant.

      Administrador

  11. Fakeuser

    I’m getting this error after changing the name of the input fields to s[]

    Warning: stripslashes() expects parameter 1 to be string, array given in wp-includes\query.php on line 2179

    I’ve changed the call to stripslashes() call to stripslashes_deep() but it broke other thigs… any sugestions?

  12. Benjamin Wilde

    I’m looking for a way to have a form with separate controls for location AND category, both in dropdown boxes. Obviously I can do this, but I have no idea how to do a multiple-query search in Wordpress. Any ideas?

  13. Aldo Valverde

    Do you think is it possible to do the same but including Post Type Categories as well….

    …I mean, the same Post Type checkboxes and when user select an specific checkbox that appear-down other checkboxes but as categories and filter even more the Search of Wordpress ?

  14. Rocky Ouprasith

    Awesome! thanks for the help!
    there is one thing though…

    my post types are all styled differently.
    how can I assign the template of a post type with the correct post types?

    thanks!

    • Editorial Staff

      Use CSS classes. Each post outputs its own post classes i.e categories, post types etc.

      Administrador

  15. SDesign

    Great tutorial! One question though: What would the syntax be for making the checkboxes in the form use taxonomies rather than post types?

    Would something like this work?:

    Perhaps this is worthy of another tutorial. Any additional help is greatly appreciated.

    • Thad

      Ever come across anything that explains this?

      • SDESIGN

        No, I decided to go with custom post types instead.

        If anyone has any insight, on this it would be greatly appreciated.

        The specific question is how to make something like this work using taxonomies instead of post types?

  16. CathieHeart

    Hi, you wouldn’t happen to also have a section to add maybe for those of us wanting to a dropdown menu search form interface rather than checkboxes? 
    Thanks.

  17. mainaPlus

    Does this work with a buddypress enabled site?

  18. Robin

    Would this be able to work with a buddypress enabled site?

  19. Herny Louis

    Thanks Syed and David. Need to test it on one of my websites. Definitely this kind of categorization will help visitors to do narrow search.

  20. zachshallbetter1

    I would love to see a way to do this with custom fields as well.

    • oneeezy

      Yes!
      What Zach said…

      It would be ideal to have this “Advanced Form” be able to search through custom fields. You could make the ultimate search form this way. Any takers??? C’mon WP Beginner!!

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.