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

Mostrar el término de búsqueda y el recuento de resultados en WordPress

En este tutorial vamos a compartir cómo se puede añadir una función simple en su página de búsqueda que mostrará el término de búsqueda y el número de resultados. Esta característica fue una petición especial de uno de nuestros usuarios a través de correo electrónico. Si quieres que tratemos algún debate, no dudes en hacernos una sugerencia.

Displaying search term and result count in WordPress search

Abre tu archivo search.php en tu tema y añade el siguiente código:

<h2 class="pagetitle">Search Result for <?php /* Search Count */ $allsearch = new WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1); $count = $allsearch->post_count; _e(''); _e('<span class="search-terms">'); echo $key; _e('</span>'); _e(' &mdash; '); echo $count . ' '; _e('articles'); wp_reset_query(); ?></h2>

El código anterior mostrará algo como esto:

Resultado de la búsqueda de twitter – 15 artículos

También puedes resaltar el término de búsqueda añadiendo la clase CSS .search-terms a la hoja de estilos de tu tema. Aquí tienes un sencillo CSS para empezar:

.search-terms {
background-color:yellow;
color:blue;
}

Esta es sólo una de las cosas que puedes hacer para personalizar tu página de búsqueda. También puede resaltar los términos de búsqueda en los resultados, e incluso añadir una característica de búsqueda por categoría a su búsqueda de WordPress.

Fuente: Michael Martin

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso 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.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

16 comentariosDeja una respuesta

  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. Aniruddh

    Can I use this code in the sidebar.php file? As I need to show the search term and result count in the sidebar. Please help.

  3. Marco

    thanks a lot for this snippet! :)

    according to the wp codex the function wp_specialchars is deprecated. it says that you should use esc_html instead.

    regards,
    marco

    • Marco

      Next time I take a close look to the comments. CHADHAYTON already posted a link how you can handle it now.

  4. Henry

    echo $wp_query->found_posts;
     
    Adding this to the top of your search page will display the number of posts found for a particular search.
     
    echo get_search_query();
     
    This will display the search term (entered in to the search box by your site visitor).
     
    timer_stop(1);
     
    This will display the time it took to run the search.
     
    All together you could output something like:
     
    Your search for “coffee beans” returned “16” posts in “0.87” seconds.

    • jameslhf

      Thank you Henry, that helped me! :)

    • Prasanna

      Thanks Henry. This helped me a lot.

  5. Chris Murphy

    Wow. It’s a lot simpler than that to count WordPress’ search results, here:

        global $wp_query;
        $count = sizeof( $wp_query->posts );
        echo"<pre>";
        //var_dump($wp_query);// The WP Query Object
        var_dump($wp_query->posts); // The WP Query Object's 'posts' property (note the plural)
        echo"</pre>";
    

    If you drop that snippet in your search template, it will output the properties of the ‘$wp_query’ variable, specifically the ‘posts’ property of the object. This is an array that stores a collection of the returned posts from the search query, which you can do a number of things with once you access it, including (*drumroll*), *count* the number of posts in that array using either PHP’s ‘count()’ or ‘sizeof()’ functio

    • Editorial Staff

      Your code is cut off a little. Is there a way that you can email us the snippet and we can try it and write about it. Obviously full credit will be given to you.

      Administrador

    • Ilya

      Chris,

      This won’t work. The point is to find out the total number of results matching the query — not the number currently fetched. If there are more results than “fits” within a page, your code will only get number of elements on a page.

  6. pete

    Search results are a personal thing from a user so it’s good if they are given lots of info for them.

  7. basilakis

    So the code is right or not? :)

    I see Konstantin has some point about the query, but the comments “ate” the results! :D

    • Editorial Staff

      This code is correct. It works, the only issue he is pointing out is that it can be done differently as well. We have used this code on a client’s website and it works.

      Administrador

  8. Konstantin

    Good idea. Bad execution.
    Why in the world would you want to translate a span tag???
    And my favorite: _e(''); Huh??
    Why would you want to query the same search twice?
    Doesn’t make sense at all.

    But I don’t want to hate, this is how it should be done (in my humble opinion):


    post_count); ?>

  9. Tom

    I really don’t give my on page search enough thought. Something like this is great because it makes the page more personalised.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.