WordPressで検索キーワードを強調表示する方法

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

1. Rachelle

   This works great but how do you highlight the search term in the excerpt and not just the title?

   返信

2. Imme

   Hej, thank you very much for this very helpful piece of code. Is there a way to exclude links? The code as is breaks many of the “more”-links on my site.

   返信

3. Vernon Fowler

   Any chance you can update this neat tutorial for modern themes such as Twenty Seventeen where instead of title() in the loop, the loop goes through:

    get_template_part( 'template-parts/post/content', 'excerpt' );

   Hosted with ❤️ by WPCode

   
   1-click Use in WordPress

   I’m comfortable with replacing

   <strong class="search-excerpt">\0</strong>

   Hosted with ❤️ by WPCode

   
   1-click Use in WordPress

   with HTML5

   <mark>\0</mark>

   Hosted with ❤️ by WPCode

   
   1-click Use in WordPress

   and the relevant CSS.

   Or will we need a different approach in themes using get_template_part ?

   返信

   • WPBeginner Support

     Hey Vernon,

     Thanks for the suggestion. We will try to update the article with more detailed instructions.

     Meanwhile, you will need to edit the /template-parts/content-search.php template. If your theme does not have it, then you can create it and then reference it in your search.php template.

     返信

     管理者

     • Vernon Fowler

       That’s working. Thank you.

       Can we do the same for the_content as for the the_title or do we need a different approach?

       返信

4. Wayan Cenik

   Thanks a lot for the code, is work perfectly
   I just the code at function, and done, is work

   返信

5. Marlene

   Hi

   I can´t find on my site. I have this:

   How can I change someting in that?

   Thanks
   Marlene

   返信

6. Steph

   There is no “” in my search.php file..
   —————————–
   Mine looks like this:

   “”

   返信

   • WPBeginner Support

     Seems like you wanted to paste code and it stripped out. Please wrap your code around [php] [/php] tags

     返信

     管理者

7. Mahesh

   Thanks @michael

   返信

8. Steve

   This doesn’t even come close to working. All it does is display the title of the page the search term is found on. The terms themselves aren’t wrapped in any tags whatsoever.

   返信

   • nate

     Actually, it works perfectly. I don’t think you know what you are doing.

     返信

9. Jason

   Thanks! Works like a charm!

   返信

10. Chris

    You should add a little example image on every tutorial, that would be more understandable (:

    返信

11. DauAnunturi

    Nice tutorial. And for those wo want to make some highlight with colors they must define their css class as div.highlight
    and replace the code with
    And that`s alll. Thanks and have fun.

    返信

12. Nina

    Very helpful tutorial, will use it later on
    Thanks for sharing!

    返信