如何將自動完成搜索添加到您的 WordPress 網站

如今，自動完成搜索欄無處不在。 如果您使用搜索引擎，它通常會在您完成輸入之前識別出您要查找的內容，並開始向您顯示建議以節省時間。

儘管 WordPress 包含開箱即用的搜索功能，但它本身並不支持“自動完成搜索”或“實時搜索”，這是此功能的兩個最常見的名稱。 但是，借助合適的插件，您可以輕鬆實現搜索框。

在本文中，我們將向您介紹三個可以使用的 WordPress 自動完成搜索插件，以及如何開始使用它們。 然後我們將討論如何在 WordPress 中手動實現自動完成搜索。 讓我們開始工作吧！

為什麼自動完成搜索很重要？

如今，用戶希望能夠快速找到所需的答案。 隨著搜索引擎變得越來越準確，人們習慣於以最少的努力找到與其搜索查詢匹配的頁面和內容。

這就是為什麼從強大的搜索引擎跳到使用網站的內部搜索功能會是一種不和諧的體驗。 儘管 WordPress 的搜索功能開箱即用，但它缺少大多數訪問者已經習慣使用的一些高級選項，例如自動完成。

這是自動完成搜索建議派上用場的地方。 通過實施 WordPress 搜索建議，您可以增加用戶在您網站上花費更多時間的機會。 您可以讓他們更輕鬆地找到他們想要的內容，從而獲得更好的整體體驗。 另外，如果您使用正確的插件，實現 WP 自動完成搜索並不難。

如何使用插件將搜索添加到您的 WordPress 網站

有很多 WordPress 搜索插件可供您選擇，但並非所有插件都包含我們所追求的自動完成功能。 在本節中，我們將重點介紹您可以使用的三個最佳選項，並向您展示如何使用每個選項啟用預測搜索。

在 WPSolr 中啟用自動完成

WPSolr 是一個高級搜索建議插件，適用於常規 WordPress 和 WooCommerce 網站。 它由 Elasticsearch 和 Solr 平台提供支持，使您能夠自定義從一個站點到另一個站點的搜索結果。

如果您喜歡包含盡可能多的自定義選項的插件，您可能會喜歡 WPSolr。 這個插件唯一的缺點是它很貴。 從好的方面來說，它使實時搜索變得簡單。

安裝插件後，您將可以訪問儀表板內的設置頁面。 如果您導航至顯示為使用 Elastic.co – GCloud 定義搜索的選項卡，您將在搜索框中找到一個名為 Show suggestions的選項。

當您啟用此功能時，用戶甚至在提交查詢之前就可以在搜索欄中看到完整的頁面標題以及這些頁面的部分內容。 這樣，他們可以立即選擇他們想要的結果，而無需對完整的選項列表進行排序。

價格： WPSoler 許可證的費用為每年 199 歐元（約合每年 215 美元）。

在 SearchWP 中啟用自動完成

SearchWP 旨在幫助用戶查找 WordPress 默認搜索功能無法識別的內容。 該插件開箱即用，支持自定義字段數據、短代碼輸出、分類法，甚至 WooCommerce 產品詳細信息。

但是，SearchWP 默認不包含自動完成搜索功能。 要啟用該功能，您需要使用名為 SearchWP Live Ajax Search 的免費擴展。

啟用自動完成搜索所需要做的就是激活擴展。 它會自動為您完成剩下的工作。

還值得注意的是，SearchWP Live Ajax Search在沒有基本 SearchWP 插件的情況下也能工作。 唯一的區別是，與 SearchWP 結合使用時，您可以獲得更深入的結果。

價格：一個站點的標準 SearchWP 許可證售價 99 美元，但 Live Ajax Search 擴展是免費的。

在 Ajax Search Lite 中啟用自動完成

Ajax Search Lite 開箱即用，提供您通常只能在高級 WordPress 搜索插件中找到的功能。 使用此工具，您的用戶可以訪問 WordPress 自動完成搜索結果，其中包括自定義帖子類型、字段和其他類型的元數據（以及默認頁面和帖子結果）。

插件激活後，您可以導航到Ajax Search Lite > General Options > Autocomplete & Suggestions 。 自動完成搜索應該默認打開，在Turn on google search autocomplete? .

如果您想完全控制自動完成結果中顯示的內容類型，請轉到“來源和基礎”選項卡。 在那裡，您可以選擇要在搜索結果中顯示的內容。

Ajax Search Lite 的免費版本提供了您需要的所有自動完成搜索功能。 但是，該插件還有一個高級版本，其中包含其他功能，例如搜索欄和結果的自定義主題。

價格： Ajax Search Lite 是免費的，而該插件的高級版本起價為 36 美元。

無需插件的 WordPress 自動完成搜索

您可能已經註意到，我們在上一節介紹的兩個插件依賴 Ajax（或異步 JavaScript）來支持實時搜索功能。 將 Ajax 與 jQuery 一起使用是在 WordPress 中實現此功能的最簡單方法。

這意味著如果您不習慣使用 JavaScript，最好堅持使用插件。 但是，可以手動添加此功能。

如何自己添加自動完成搜索

如您所料，手動向您的網站添加自動完成搜索功能需要您使用一些代碼。 但是，您可以通過不同的方式來處理該項目，並且難度級別各不相同。

以下是我們推薦探索的兩種方法：

• 使用Ajax 僅對帖子標題實施實時搜索。 由於您只會獲取帖子標題，因此這是最簡單的實現方法。
• 添加自定義表格的自動完成搜索。 使用此方法，您可以提供來自您創建的自定義表格的結果，讓您完全控制顯示的數據。

在這兩種情況中的任何一種情況下，您都可能希望以插件格式實現您使用的代碼。 那是因為使用插件，您可以隨時禁用或啟用代碼，如果您將來要自定義此功能，這是完美的。

使用 WP Engine 改善您的數字體驗

在 WordPress 中實現自動完成搜索比您想像的要容易。 使用合適的插件，您可以讓訪問者更輕鬆地找到他們正在尋找的內容，並改善他們的體驗。

當然，如果您沒有使用正確的虛擬主機，這也沒有多大意義。 託管 WordPress 託管使您可以無限制地訪問工具和技術專家的 24/7 全天候支持，以保持最佳的站點性能。 借助 WP Engine，您可以獲得發展網站所需的所有資源，並為訪問者提供一流的數字體驗！