Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
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の検索にカテゴリー別の検索機能を追加することもできます。

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

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

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.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

15件のコメント返信を残す

  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:

        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.

      管理者

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

      管理者

  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.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。