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

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Deseja adicionar um filtro de taxonomias à sua pesquisa no WordPress?

Permitir que os usuários pesquisem com base em categorias, tags, campos personalizados e tipos de post oferece uma excelente experiência de usuário. No entanto, a pesquisa padrão do WordPress não é muito boa ou avançada o suficiente para oferecer esse recurso.

Neste artigo, mostraremos como adicionar um filtro de taxonomias acionado por Ajax na 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 e melhorar a experiência do usuário do seu site. Isso também ajuda os administradores do site a organizar o conteúdo, de modo que ele possa ser facilmente encontrado pelos usuários.

No entanto, a pesquisa padrão do WordPress não é tão poderosa e não oferece conteúdo de filtro 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. Vamos ver como adicionar um filtro de taxonomias Ajax à pesquisa do WordPress.

Neste artigo, abordaremos dois métodos. 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:

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

Você pode adicionar taxonomias Ajax à pesquisa do WordPress usando o SearchWP. Ele é o melhor plug-in de pesquisa para WordPress e facilita aos 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 frontend do seu site. No entanto, ele os incluirá no processo de busca e melhorará a busca padrão do WordPress.

Primeiro, você precisará visitar o site do SearchWP e se inscrever para obter uma conta. Depois disso, você poderá 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 (Configurações ) 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

Depois disso, você pode ir para a página SearchWP ” Algorithm no painel do WordPress.

Aqui, 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

Em seguida, uma nova janela pop-up será aberta.

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

Após 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 publicações 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

Você pode usar um plug-in gratuito do WordPress, como o Search & Filter, para adicionar um filtro de taxonomias Ajax ao seu site. Ele é muito 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 com tecnologia Ajax na 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

14 ComentáriosDeixe uma resposta

  1. Syed Balkhi says

    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. Jiří Vaněk says

    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 says

      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 says

        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.

  3. Mohammed Debashi says

    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

  4. Mike says

    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!

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.