http://www.hehaibao.com/wordpress-search-word-highlight/

?

?

今天給網站搜索頁加了關鍵詞高亮功能，分享出來，希望對小伙伴們有所幫助。

實現效果如下圖：

那么我們直接先上主要代碼：

1 2 3 4 5 6 7 8 9 10 11

<?php$s = trim(get_search_query()) ? trim(get_search_query()) : 0;$title = get_the_title();// 100是摘要字符數，......是結束符號。$content = mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 100,"......");if($s){$keys = explode(" ",$s);$title = preg_replace('/('.implode('|', $keys) .')/iu','<strong style="color: #f07b35;">\0</strong>',$title);$content = preg_replace('/('.implode('|', $keys) .')/iu','<strong style="color: #f07b35;">\0</strong>',$content);} ?>

那么如何使用呢？

打開主題下search.php，找到這句代碼：

1	<?php while ( have_posts() ) : the_post(); ?>

然后將主要代碼復制到這句的后面。然后做一些小修改。

① 標題

將你文章的標題

1	<?php the_title(); ?>

替換成:

1	<?php echo $title; ?>

② 描述

將你文章的描述 ，比如：

1	<?php echo mb_strimwidth(strip_tags(apply_filters('content', $post->post_content)), 0, 100,"..."); ?>

修改成：

1	<?php echo $content; ?>

以上即完成了代碼的修改，然后你去網站搜索一下試試吧。

寫在最后

好了，本文到此結束，希望對你有幫助 ?

如果還有什么疑問或者建議，可以多多交流，原創文章，文筆有限，才疏學淺，文中若有不正之處，萬望告知。

如果覺得文章對你有幫助，請點個贊或者打賞支持一下，謝謝！

總結

以上是生活随笔為你收集整理的wordpress实现搜索页关键词高亮的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。