wordpress实现搜索页关键词高亮

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

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

实现效果如下图：

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

<?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实现搜索页关键词高亮相关推荐

搜索关键字高亮_Django Haystack 全文检索与关键词高亮
作者:HelloGitHub-追梦人物[1] 文中所涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库[2] 点击本文最下方的"阅读原文"即可获取博客提供 RS ...
WordPress页面和搜索页伪静态方法
WordPress页面和搜索页设置伪静态的前提是服务器支持伪静态重写URL Rewrite功能.WordPress设置固定连接以后,文章页可以实现伪静态,页面依然不是html结尾的静态页面.下面介绍一 ...
05-Elasticsearch-DSL高级检索[分页, 分词, 权重, 多条件, 过滤, 排序, 关键词高亮, 深度分页, 滚动搜索, 批量Mget]...
DSL搜索词库准备骚年帅气新闻网新闻闻网新闻网索引准备 PUT /shop {"settings": {"number_of_shards" ...
微信小程序--搜索关键词高亮
代码地址如下: http://www.demodashi.com/demo/14249.html 一.前期准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.c ...
Python自动化：模拟人类在百度搜索页输入关键词进行搜索并打开搜索结果
Python自动化:模拟人类在百度搜索页输入关键词进行搜索并打开搜索结果 Python程序代码实现一个简单的功能,在百度的搜索首页由Python程序代码模拟人类的动作,像人类一样输入搜索关键词'zha ...
微信小程序实现搜索关键词高亮
目录 1,前言 2,思路 3,代码逻辑 1,前言项目中碰到一个需求,搜索数据并且关键词要高亮显示,接到需求,马上开干.先上效果图.源码已经做成了小程序代码片段,放入了GitHub了,文章底部有源码链 ...
Diango博客--22.Django Haystack 全文检索与关键词高亮
文章目录 1. Django Haystack 简介 2. 安装 django-haystack和elasticsearch 2 3. 构建容器来运行 elasticsearch 服务 4. 配置 H ...
python + selenium多进程爬取淘宝搜索页数据
python + selenium多进程爬取淘宝搜索页数据 1. 功能描述按照给定的关键词,在淘宝搜索对应的产品,然后爬取搜索结果中产品的信息,包括:标题,价格,销量,产地等信息,存入mongodb ...
WordPress插件-WBOLT热门关键词推荐插件v1.3.0 Pro绿色版
介绍: WordPress插件-WBOLT热门关键词推荐插件(Smart Keywords Tool)是一款集即时关键词推荐.关键词选词工具及文章智能标签功能于一体的WordPress网站SEO优化插 ...

wordpress实现搜索页关键词高亮

wordpress实现搜索页关键词高亮相关推荐

最新文章

热门文章