首页 » 博文 » wpbeginner » 最佳教程 » 如何在 WordPress 的结果中突出显示搜索词

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

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

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

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

1<?php the_title(); ?>

WPCode与 ❤️ 主办

在 WordPress 中一键使用

将上面的代码替换为:

1<?php echo$title; ?>

WPCode与 ❤️ 主办

在 WordPress 中一键使用

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

1<?php $title= get_the_title(); $keys= explode(" ",$s); $title= preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-excerpt">\0</strong>', $title); ?>

WPCode与 ❤️ 主办

在 WordPress 中一键使用

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

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

WPCode与 ❤️ 主办

在 WordPress 中一键使用

发表评论

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

Scroll to Top