如何在 WordPress 的搜索結果中突出顯示搜索詞語

為了讓您的 WordPress 搜索更加用戶友好，您可以在搜索結果中突出顯示搜索詞語。我們為其中一位客戶做了這個功能，所以我們認為這對其他用戶也很有用。在本文中，我們將向您展示如何在 WordPress 的搜索結果中突出顯示搜索詞語。

步驟 1：編輯 search.php 文件

首先打開您的 search.php 文件，找尋如下代碼：

<?php the_title(); ?>

然後將其替換為：

<?php echo $title; ?>

確保在標題代碼上方粘貼這一行代碼：

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

步驟 2：編輯 CSS 文件

現在打開您的 CSS 文件，為 search-excerpt 類別添加樣式，這樣就會突出顯示搜索詞語。目前的代碼是將搜索詞語設為粗體。您可以在主題的樣式表中嘗試這個簡單的 CSS：

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