WordPress默认的搜索结果的关键词没有加粗也没有颜色提示,有的朋友觉得这样不方便识别,你看 百度搜索WordPress的搜索结果就做了红色高亮
你也许会对这篇文章感兴趣: WordPress主题开发教程:只搜索文章标题
下面WordPress主题开发教程来示范下如何让WordPress搜索结果关键词加粗显示
步骤一: 打开你的WordPress主题目录(在wp-content/themes/下面)找到WordPress搜索结果模板search.php
步骤二: 下载到本地并打开ordPress搜索结果模板search.php
步骤三: 添加代码
在
<?php if ( have_posts() ) : ?> <?php while ( have_posts() ) : the_post(); ?> ...... <?php endwhile; ?> <?php else : ?>
里面添加下面代码,也就是你的文章列表循环
<?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: #337ab7;">\0</strong>',$title); $content = preg_replace('/('.implode('|', $keys) .')/iu','<strong style="color: #337ab7;">\0</strong>',$content); }?>
注意事项: color: #337ab7; 是颜色代码 可以按照你的要求修改;
将WordPress主题原来调用文章标题的代码,如:
<?php the_title(); ?>
替换为:
<?php echo $title; ?>
将WordPress主题原来调用内容的代码,替换为以下代码:(如果没有调用内容,可不用替换)
<?php echo $content;?>
替换好之后,保存,上传替换原来的search.php。
这样,我们在自己的网站搜索时,就会发现搜索结果关键词加粗显示了。