Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressで検索キーワードと検索結果を表示する

このチュートリアルでは、検索ページに検索キーワードと検索結果の数を表示する簡単な機能を追加する方法をご紹介します。この機能は、あるユーザーからメールで特別にリクエストされたものです。もし、このようなトピックを取り上げて欲しいというご要望がありましたら、お気軽にご提案ください。

Displaying search term and result count in WordPress search

テーマのsearch.phpファイルを開き、以下のコードを追加してください:

[cbk1]

上記のコードは次のように表示されます:

Twitterでの検索結果 – 15件の投稿

テーマのスタイルシートに.search-terms CSSクラスを追加することで、検索キーワードをハイライトすることもできます。以下に簡単なCSSを示します:

[cbk2]

これは、検索ページをカスタマイズする際にできるクールなことのひとつです。検索結果で検索キーワードをハイライトしたり、WordPressの検索にカテゴリー別の検索機能を追加することもできます。

ソースマイケル・マーティン

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

アバター

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.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

15件のコメントLeave a Reply

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

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

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

  4. Chris Murphy

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

    1
    2
    3
    4
    5
    6
    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.

      Admin

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

  5. pete

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

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

      Admin

  7. 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); ?>

  8. Tom

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

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.