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 adicionar filtro de taxonomias Ajax na pesquisa do WordPress

Adicionar um filtro de taxonomias Ajax à sua pesquisa do WordPress pode melhorar significativamente a experiência do usuário. Ele permite que os visitantes pesquisem com base em categorias, tags, campos personalizados e tipos de post.

A pesquisa padrão do WordPress não tem essa funcionalidade avançada. Esse é um dos principais motivos pelos quais começamos a usar a pesquisa personalizada em nossos próprios sites.

Neste artigo, vamos orientá-lo sobre como adicionar um filtro de taxonomias acionado por Ajax à sua pesquisa do WordPress.

How to add ajax taxonomies filter in WordPress search

A pesquisa com tecnologia Ajax é mais rápida e proporciona uma experiência de usuário melhor do que a função de pesquisa padrão do WordPress.

Por exemplo, o site de uma concessionária de automóveis pode ter taxonomias personalizadas para diferentes tipos de veículos, faixas de preço, modelos e muito mais. Os filtros Ajax podem ajudar os usuários a encontrar exatamente o que precisam.

Você pode adicionar filtros de pesquisa semelhantes no WordPress para melhorar a experiência do usuário do seu site. O WordPress também ajuda os administradores de sites a organizar seu conteúdo para que os usuários possam encontrá-lo facilmente.

No entanto, a busca padrão do WordPress não é tão poderosa e não oferece a capacidade de filtrar o conteúdo com base em categorias, tags, tipos de post, detalhes do produto e muito mais. Se você usar taxonomias personalizadas em seu site, o desempenho da pesquisa padrão será ainda pior.

É nesse ponto que você precisará de um plug-in do WordPress para ajudá-lo. Nas seções a seguir, abordaremos dois métodos para adicionar um filtro de taxonomias Ajax a uma pesquisa do WordPress.

O primeiro método o ajudará a mostrar filtros no front-end do seu site WordPress. O segundo método o ajudará a aprimorar a pesquisa padrão do WordPress e a incluir taxonomias ao pesquisar posts e páginas em seu site.

Basta clicar nos links abaixo para ir para a seção de sua preferência:

Pronto? Vamos começar.

Método 1: Adicionar taxonomias Ajax à pesquisa do WordPress usando o SearchWP

A maneira mais fácil de adicionar taxonomias Ajax à pesquisa do WordPress é usar o SearchWP. Ele é o melhor plug-in de pesquisa para WordPress e facilita para os usuários encontrarem o que estão procurando em seu site.

Ele vai além de usar apenas o conteúdo dos posts e páginas do seu blog para procurar coisas. O SearchWP usa campos personalizados, taxonomias, atributos de produtos do WooCommerce, arquivos de texto, tabelas personalizadas e muito mais.

Observe que o SearchWP não mostrará os filtros de taxonomias no front-end do seu site. No entanto, ele os incluirá no processo de pesquisa e melhorará a pesquisa padrão do WordPress.

Primeiro, vamos acessar o site do SearchWP e registrar uma conta. Depois disso, você pode fazer download e instalar o plug-in em seu site. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, você precisará acessar SearchWP ” Settings no painel de administração do WordPress. A partir daí, basta inserir a chave de licença, que pode ser facilmente encontrada na área da sua conta.

Enter your SearchWP license key

Agora, você pode ir para SearchWP ” Algorithm no painel do WordPress.

A partir daí, você pode editar a relevância da pesquisa para seu website. Por exemplo, você pode aumentar os pesos do título, do conteúdo, do slug e do trecho para ajudar os usuários a encontrar o que estão procurando.

Para adicionar taxonomias à relevância da pesquisa, você pode clicar no botão “Add/Remove Attributes” (Adicionar/remover atributos).

Add category and tags to search relevance

Isso abrirá uma nova janela.

Você pode clicar no menu suspenso “Taxonomias” e selecionar se deseja incluir categorias, tags, formatos ou todos eles na pesquisa do WordPress.

Select which taxonomies to add to search

Depois de selecionar as taxonomias, não se esqueça de clicar no botão “Done” (Concluído).

Agora você deve ver as taxonomias do algoritmo de pesquisa de posts do seu blog no WordPress. Você pode usar o controle deslizante para aumentar a relevância delas nas pesquisas do WordPress.

View taxonomies in search algorithm

Você também pode clicar no botão “Editar regra” para determinar qual conteúdo pode ou não aparecer nos resultados da pesquisa.

Por exemplo, o SearchWP incluirá todas as categorias em seu site. Você pode remover categorias das quais não deseja que o conteúdo apareça ou adicionar várias condições para personalizar os resultados da pesquisa.

Edit search rules

Não se esqueça de clicar no botão “Done” (Concluído) quando terminar.

Agora você pode editar o algoritmo de pesquisa para que suas páginas, arquivos de mídia, produtos do WooCommerce e outros sejam exibidos no SearchWP.

Agora, sempre que um visitante pesquisar páginas e posts em seu site, o SearchWP incluirá taxonomias durante o processo de pesquisa.

Método 2: Adicionar filtro de taxonomias Ajax usando o plug-in Search & Filter

Outro método para adicionar um filtro de taxonomias Ajax ao seu site é usar um plug-in gratuito do WordPress, como o Search & Filter. Embora exija um pouco de codificação, ele ainda é fácil de usar e permite que seus usuários pesquisem com base em categoria, tag, taxonomia personalizada, tipo de post e muito mais.

Primeiro, você precisará instalar e ativar o plug-in Search & Filter do WordPress. Para obter mais detalhes, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, você pode adicionar um shortcode para mostrar o filtro de taxonomias do Ajax em qualquer lugar do seu site.

Por exemplo, você pode inserir o seguinte shortcode para mostrar o filtro suspenso de categoria e tipo de post:

[searchandfilter fields="search,category,post_tag"]

Por outro lado, se você quiser mostrar títulos para categorias e tags, poderá adicionar o seguinte shortcode:

[searchandfilter fields="search,category,post_tag" headings=",Categories,Tags"]

Veja a seguir a aparência do filtro de pesquisa de taxonomias Ajax em nosso site de demonstração.

View category and tag heading in sidebar

Na captura de tela, é possível ver o filtro na barra lateral, onde os usuários podem usar o menu suspenso e selecionar uma categoria ou tag.

O plug-in também permite que você mostre filtros como botões de rádio e caixas de seleção.

Você pode adicionar o seguinte shortcode em qualquer lugar do seu site para mostrar os filtros de taxonomia como caixas de seleção:

[searchandfilter fields="search,category,post_tag" types=",checkbox,checkbox" headings=",Categories,Tags"]
View search filters as checkbox in sidebar

Na captura de tela acima, você pode ver o filtro de taxonomias como caixas de seleção. Os usuários podem simplesmente selecionar as categorias das quais desejam visualizar posts e páginas.

Esperamos que este artigo tenha ajudado você a adicionar um filtro de taxonomia acionado por Ajax à pesquisa do WordPress em seu site. Talvez você também queira ver nosso guia sobre como melhorar a pesquisa no WordPress e o melhor software de bate-papo ao vivo para pequenas empresas.

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

13 ComentáriosDeixe uma resposta

  1. Jiří Vaněk

    Thanks for the advice on how to improve my blog search. I will try the SearchWP Live Ajax Search plugin. The only thing that discourages me a bit from using it is that it was only tested on WordPress version 6.2 and now we already have WordPress version 6.4.2. So hopefully an update will come very soon.

    • WPBeginner Support

      If you also reach out to the plugin’s support you can normally let them know and they can look to update or let you know if they have a reason why they have not updated the tested version :)

      Administrador

      • Jiří Vaněk

        Thanks for the advice, I will try to ask on the official forum directly on wordpress.org, because this plugin appeals to me mainly on those sites that have more articles and categories for a much better search experience. At the same time, when it’s not about my sites, I’m a little worried about security. Thank you for the advice.

  2. Dylan

    Is there anything like this plugin that is currently maintained? This plugin hasn’t been updated in a while.

  3. realmag777

    And one more thing – qTranslate friendly!+

  4. Mohammed Debashi

    Can this plugin do search filters for a category, and its children. not sure if I am explaining myself properly. but something along the lines of Country -> State -> City..etc

    Also is it compatible with WPML

  5. Mike

    Hey, thanks for this! Quick question: I’m having trouble applying jQuery stuff like tooltips to the AJAX content loaded, I guess because it only applies to content loaded upon initial page load. Any ideas on how to make the AJAX content get recognized? Thanks!

  6. Thomas

    Hi,

    Which template file this plugin is looking for when displaying restults ?

    Thanks !
    th.

  7. Zakaria

    Hello!
    I think Advance WP Query Search Filter is a lot better.

  8. Piet

    Cool, is the Ajax WPQSF plugin compatible with Relevanssi?

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.