专注国内外云服务器
分享建站技术教程

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

立即购买

阿里云服务器 ¥102元/年 云数据库37.5元/年 限时

个人、企业均可购买 | 更多配置0.8折特惠

吾上云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’,,$title);
$content = preg_replace(‘/(‘.implode(‘|’, $keys) .‘)/iu’,,$content);
}?>

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

替换为:

<?php echo $title; ?>

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

<?php echo $content;?>

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

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

文章来源于互联网WORDPRESS教程:WordPress网站想要在搜索结果时实现关键词飘红效果的方法是什么?,
阿里云服务器89元起,点击购买
腾讯云服务器95元/年起 点击购买

相关推荐: js实现表格数据搜索

吾上云WORDPRESS教程最新“js实现表格数据搜索”这篇文章主要为大家详细介绍了js实现表格数据搜索,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 本文实例为大家分享了js实现表格数据搜索的具体代码,供大家参考,具体内容如下…

赞(0)
未经允许不得转载:吾上云 » WordPress网站想要在搜索结果时实现关键词飘红效果的方法是什么?
分享到: 更多 (0)
  • 阿里云
    基础型云服务器

    1核CPU

    2G内存

    40G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥89/1年 原价¥903.40

  • 阿里云
    超值型云服务器

    2核CPU

    4G内存

    40G硬盘

    3M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥899/3年 原价¥8281

  • 阿里云
    高性能云服务器

    2核CPU

    8G内存

    40G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥1399/3年¥14765

  • 腾讯云
    基础型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥95/1年 原价¥834

  • 腾讯云
    超值型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥288/3年 原价¥2502

  • 腾讯云
    高性能云服务器

    4核CPU

    8G内存

    50G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥2188/3年¥13986

  • 阿里云
    基础型云服务器

    1核CPU

    2G内存

    40G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥89/1年 原价¥903.40

  • 阿里云
    超值型云服务器

    2核CPU

    4G内存

    40G硬盘

    3M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥899/3年 原价¥8281

  • 阿里云
    高性能云服务器

    2核CPU

    8G内存

    40G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥1399/3年¥14765

  • 腾讯云
    基础型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥95/1年 原价¥834

  • 腾讯云
    超值型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥288/3年 原价¥2502

  • 腾讯云
    高性能云服务器

    4核CPU

    8G内存

    50G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥2188/3年¥13986

评论 抢沙发

评论前必须登录!

 

吾上云 专注服务器选购

购买云服务器联系我们