如何在WordPress中突出显示结果中的搜索词

为了使您的WordPress搜索更加用户友好,您可以在结果中突出显示搜索词。我们为我们的一个客户做了这个,所以我们认为它对其他用户有用。在本文中,我们将向您展示如何在WordPress的结果中突出显示搜索词。

Highlighting search terms in WordPress search results

首先打开您的 search.php 并查找以下代码:

  <?php the_title(); ?>  

将以上代码替换为:

  <?php echo $title; ?>  

确保将此行粘贴到标题代码上方:

  <?php $title = get_the_title(); $keys= explode(" ",$s); $title = preg_replace("/(".implode("|", $keys) .")/iu", "<strong ></strong>", $title); ?>  

现在打开CSS文件并为类搜索添加样式 -摘录,它将突出该术语。目前,该代码正在使搜索词变为粗体。您可以在主题的样式表中尝试这个简单的CSS。

  strong.search-excerpt {  background-color:yellow;  color:blue;  }  

为了使您的WordPress搜索更加用户友好,您可以在结果中突出显示搜索词。我们为我们的一个客户做了这个,所以我们认为它对其他用户有用。在本文中,我们将向您展示如何在WordPress的结果中突出显示搜索词。

Highlighting search terms in WordPress search results

首先打开您的 search.php 并查找以下代码:

  <?php the_title(); ?>  

将以上代码替换为:

  <?php echo $title; ?>  

确保将此行粘贴到标题代码上方:

  <?php $title = get_the_title(); $keys= explode(" ",$s); $title = preg_replace("/(".implode("|", $keys) .")/iu", "<strong ></strong>", $title); ?>  

现在打开CSS文件并为类搜索添加样式 -摘录,它将突出该术语。目前,该代码正在使搜索词变为粗体。您可以在主题的样式表中尝试这个简单的CSS。

  strong.search-excerpt {  background-color:yellow;  color:blue;  }  

相关推荐

发表回复

房先生
我们将24小时内回复。
2024-06-23 20:22:47
您好,有任何疑问请与我们联系!
您的工单我们已经收到,我们将会尽快跟您联系!
[QQ客服]
2781198
加我微信
[电话联系]
13585372227
[电子邮件]
chaoneo@163.com
取消

选择聊天工具: