Como melhorar a página de pesquisa do WordPress

Neste tutorial vamos ensinar como melhorar a página de pesquisa do WordPress. Já deve ter reparado, que o sistema de pesquisa é um bocado fraco, tanto na parte visual como na forma de fazer as pesquisas.

Vamos apresentar duas soluções para melhorar a informação que o utilizador pode obter quando faz uma pesquisa, fazendo com que seja mais fácil visualizar os resultados que foram encontrados.

Vamos começar por alterar a página para que apresente o total de resultados que foram encontrados e por fim destacar (sinalizar) a palavra pesquisada.

Total de resultados

Quando fazemos uma pesquisa no WordPress, esta apenas apresenta algo do género “Resultados da pesquisa”, não mostrando qualquer outro tipo de informação.

Porque não apresentar algo do tipo “Foram encontrados 5 artigos para a pesquisa de: <palavra pesquisada>”. Pode parecer que não, mas é muito útil para a pessoa que está a fazer a pesquisa.

Para fazer esta alteração, vamos abrir o ficheiro “search.php” e procurar por:

<h2 class="pagetitle">Resultados da pesquisa</h2>

Depois de ter localizado, basta substituir o código por:

<h2 class="pagetitle">Foram encontados
<?php
    $allsearch = &new WP_Query("s=$s&showposts=-1");
    $key = esc_html($s, 1);
    $count = $allsearch->post_count;
    echo $count . ' '; _e('artigos na pesquisa de: ');
    _e('<span>');
    echo $key; _e('</span>');
    wp_reset_query();
?>
</h2>

Depois de ter substituído o código, ao fazer uma pesquisa irá obter um resultado com mais informações, onde é indicado o total de artigos encontrados e a palavra pesquisada.

Destacar a palavra pesquisada

Já deve ter reparado que quando faz uma pesquisa num motor de busca, os resultados ficam destacados ou por outras palavras ficam em negrito, fazendo com que se tenha uma melhor percepção dos resultados e tornando-se assim mais user-friendly.

Para fazermos esta alteração, vamos abrir o ficheiro “search.php” e procurar pela função “the_title();” e substitua por

echo $title;

Para finalizar, antes do que alterou anteriormente, ou seja antes de “echo $title;” escreva

<?php
    $title = get_the_title();
    $keys = explode(" ", $s);
    $title = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-terms">\0</strong>', $title);
 ?>

Para mudar o estilo das palavras em negrito, basta abrir o seu ficheiro de estilos (Stylesheet) e acrescentar

strong.search-terms { color:#fff; background: #dd0000; }

Com estas duas soluções, pode melhorar o visual da página de pesquisa do WordPress e fazer com que seja mais fácil para o utilizador verificar o resultado da pesquisa.