WordPress站内实现搜索页关键词高亮

昼白 • 2021-02-28 • WordPress技术教程, WP, 所有文章 • 1950 阅读

给网站搜索页加了关键词高亮功能，分享出来，希望对小伙伴们有所帮助。

实现效果如下图：

那么我们直接先上主要代码：

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

 

然后将主要代码复制到这句的后面。

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

然后做一些小修改。

① 标题

将你文章的标题

<?php the_title(); ?>

替换成:

<?php echo $title; ?>

② 描述

将你文章的描述 ，比如：

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

替换为：

<?php echo $content; ?>

以上即完成了代码的修改，然后你去网站搜索一下试试吧。

写在最后

好了，本文到此结束，希望对你有帮助！

本站部分文章资源来源于互联网，仅供学习交流，如若要商用，请购买正版！
若不听劝告，网友造成出现一切后果，与本站本人无关
本站有些资源未经测试，请注意网络安全，本站不对下载的资源造成的后果负责
免责声明
作者:昼白
转载请注明来源：https://www.2bcnm.com/2297.htm
THE END
分享
二维码
打赏
海报
WordPress站内实现搜索页关键词高亮
给网站搜索页加了关键词高亮功能，分享出来，希望对小伙伴们有所帮助。 实现效果如下图： 那么我们直接先上主要代码： <?php $s = trim(get_search_qu……
<<上一篇
下一篇>>