HI,欢迎来到我爱模板网!

WordPress网站想要在搜索结果时实现关键词飘红效果的方法是什么?

我们使用Wordpress建好了网站,可以在网站上添加搜索功能。制作的wordpress 网站搜索功能后,搜索结果的颜色都是一样的,我们可以对搜索结果进行改造,实现Wordpress搜索结果关键词飘红。WordPress网站想要在搜索结果时实现关键词飘红效果的方法是什么?一起了解一下。方法/步骤:打开自己网站正在使用的...

我们使用Wordpress建好了网站,可以在网站上添加搜索功能。制作的wordpress 网站搜索功能后,搜索结果的颜色都是一样的,我们可以对搜索结果进行改造,实现Wordpress搜索结果关键词飘红。WordPress网站想要在搜索结果时实现关键词飘红效果的方法是什么?一起了解一下。

方法/步骤:

打开自己网站正在使用的Wordpress模板,找到搜索结果模板search.php;

使用DW软件打开search.php,找到循环代码,类似下面这样的:

<?php if(have_posts()): while(have_posts()

在循环代码下面,添加以下的代码:

<?php$s = trim(get_search_query()) ? trim(get_search_query()) : 0;$title = get_the_title();//300是摘要字符数,……是结束符号。$content = mb_strimwidth(strip_tags(apply_filters(‘the_content’, $post->post_content)), 0, 300,”……&#8221😉;if($s){$keys = explode(” “,$s);$title = preg_replace(‘/(‘.implode(‘|’, $keys) .&#8217😉/iu’,'<strong style=”color: #953b39;”>\0</strong>’,$title);$content = preg_replace(‘/(‘.implode(‘|’, $keys) .&#8217😉/iu’,'<strong style=”color: #953b39;”>\0</strong>’,$content);}?>

将原来调用文章标题的代码,如:

<?php the_title(); ?>

替换为:

<?php echo $title; ?>

将原来调用内容的代码,替换为以下代码:(如果没有调用内容,可不用替换)

<?php echo $content;?>

替换好之后,保存,上传替换原来的search.php。

这样,我们在自己的网站搜索时,就会出现搜索结果关键词飘红了。

给TA打赏
共{{data.count}}人
人已打赏
wordpress教程

再看JavaScript 运行原理

2023-2-16 15:56:32

wordpress教程

WordPress中的rel=”noopener”含义

2023-2-16 15:56:34

【腾讯云】11.11云上盛惠!云服务器首年1.8折起,买1年送3个月!
11.11云上盛惠!海量产品·轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。
查看更多相关信息>>
站长

(工作日 10:00 - 22:30 为您服务)

2026-01-30 00:58:42

您好,无论是售前、售后、意见建议……均可通过联系工单与我们取得联系。

猜你想问:

  • 购买的模板免费包安装吗?

  • 这个演示地址有吗?

  • 购买vip会员可以下载哪些模板?

您的留言我们已经收到,我们将会尽快跟您联系!
取消
立即选择任一渠道联系我们