A área de pesquisa no cabeçalho “funciona” na medida em que foi projetada e você pode clicar nela para abrir e fechar e tudo mais. Mas ainda não faz nenhuma pesquisa. Isso é muito importante eh?
Neste site, usamos os motores de busca personalizados do Google para pesquisar o conteúdo. O WordPress foi construído com pesquisa, mas não é muito bom. Ele apenas combina strings e lista o que encontra em ordem. Não há nada de sofisticado como o Google oferece: lógica de pesquisa, correção de erros ortográficos automaticamente, determinação da intenção e, o mais importante, mostrar os resultados mais relevantes primeiro.
Então, vamos usar o GCSE e temos algumas configurações a fazer. Entramos em sua área de administração para criá-los e criamos um do zero. Vamos usar a versão gratuita. Não porque quero anúncios em toda a minha pesquisa (não quero), mas porque a versão paga tem um custo proibitivo para um site desse tamanho. Ou eu pago milhares por mês pela pesquisa sem anúncios ou, na verdade, ganho alguns dólares com anúncios na pesquisa e consigo o recurso de pesquisa de graça. Um acéfalo.
O primeiro que construímos é uma pesquisa de site completa, então temos que pesquisar “css-tricks.com”.
Em seguida, obtemos o código fornecido pelo GCSE para incluir no site para que a pesquisa funcione. Precisamos pesquisar um pouco para encontrar a opção em que mostra apenas os resultados da pesquisa, e você “traz o seu próprio” formulário de pesquisa. Isso é definitivamente para nós, pois já elaboramos nosso formulário de pesquisa e gostamos do jeito que está.
Temos um modelo de página especial apenas para resultados de pesquisa. Nós moldamos esse modelo para mostrar as coisas que queremos mostrar.
Em seguida, começamos a criar mecanismos de pesquisa mais personalizados. Essa é uma forma hacky de realizar o que queremos: ser capaz de pesquisar apenas subseções do site à vontade. Um segundo CSE que criamos serve apenas para pesquisar “css-tricks.com/forums/”. Em seguida, criamos uma página de resultados de pesquisa diferente apenas para a pesquisa de fóruns (/ search-results / forums /), mas usando o mesmo modelo. Nesta página, colocamos o código do CSE para este novo mecanismo de pesquisa mais limitado.
Precisamos apenas garantir que os usuários encontrem o caminho certo de alguma forma ...