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,“……”);
if($s){$keys = explode(” “,$s);
$title = preg_replace(‘/(‘.implode(‘|’, $keys) .‘)/iu’,‘<strong style=”color: #953b39;”>\0</strong>’,$title);
$content = preg_replace(‘/(‘.implode(‘|’, $keys) .‘)/iu’,‘<strong style=”color: #953b39;”>\0</strong>’,$content);
}?>

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

<?php the_title(); ?>

替换为:

<?php echo $title; ?>

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

<?php echo $content;?>

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

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


下载说明:
1. 本站所有资源来源于网络和用户上传,如有侵权请联系站长
2. 本站分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,商用请支持正版!不得违反国家法律,否则后果自负!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

本站的资源均来自于互联网,仅为资源共享、学习参考之目的,其版权均归原作者及其网站所有,如有侵权请留言联系:admin,转转请注明出处:http://zhanmr.com/6394.htm

发表评论

电子邮件地址不会被公开。 必填项已用*标注