將即時搜索添加到wordpress可改進默認站點搜索，并使訪問者更容易找到他們正在尋找的頁面和文章。

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供扎賚諾爾網(wǎng)站建設、扎賚諾爾做網(wǎng)站、扎賚諾爾網(wǎng)站設計、扎賚諾爾網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、扎賚諾爾企業(yè)網(wǎng)站模板建站服務，十載扎賚諾爾做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡服務。

在本教程中，我們將向您展示如何將Ajax實時搜索添加到您的WordPress網(wǎng)站。

為什么要向WordPress添加Ajax實時搜索？

Ajax實時搜索（也稱為即時搜索）通過添加在Google等搜索引擎中很常見的下拉菜單和自動完成功能來改善默認的WordPress搜索體驗。

這是一個實際的例子：

實時搜索會在用戶鍵入時猜測他們正在搜索的內(nèi)容，并幫助他們更快地找到相關內(nèi)容。這是對默認WordPress搜索的巨大改進。

通過幫助用戶快速找到他們正在尋找的內(nèi)容，實時搜索將幫助他們在您的網(wǎng)站上停留更長時間，從而增加綜合瀏覽量并降低跳出率。

話雖如此，讓我們來看看如何簡單地將Ajax實時搜索添加到您的WordPress博客或網(wǎng)站。

使用WordPress插件將Ajax搜索添加到WordPress

將Ajax實時搜索添加到WordPress的最簡單方法是使用SearchWP插件。它是市場上最好的WordPress搜索插件，被30,000多個網(wǎng)站使用。

該插件超越了為文章內(nèi)容編制索引，并將為您網(wǎng)站上的所有內(nèi)容編制索引，例如自定義字段、PDF文檔、文本文件、WooCommerce產(chǎn)品等。

對于本教程，您可以使用免費的SearchWP Live Ajax Lite搜索插件，因為它會自動啟用Ajax實時搜索。

您需要做的第一件事是安裝并激活插件。激活后，默認的WordPress搜索表單現(xiàn)在將自動包含Ajax實時搜索功能。

在您的WordPress網(wǎng)站上顯示Ajax實時搜索

由于任何活動搜索欄現(xiàn)在都有實時搜索，您所要做的就是決定您希望它們顯示的位置。

下面您將了解如何將實時搜索欄添加到WordPress網(wǎng)站上的常見位置。

將Ajax實時搜索添加到WordPress側邊欄

添加搜索欄的最受歡迎的區(qū)域之一是WordPress側邊欄。這使您的訪問者無論在您網(wǎng)站上的哪個位置都可以輕松進行搜索。

要將搜索小工具添加到WordPress，只需轉到外觀 ? 小工具以調出基于塊的小工具編輯器。

WordPress主題的每個小工具區(qū)域在塊編輯器中都有一個單獨的選項卡。

在我們的測試站點上，我們的側邊欄小部件區(qū)域稱為“Right Sidebar”，但根據(jù)您的主題，您的可能有不同的名稱。

只需單擊側邊欄部分下方的“+”圖標。

然后，在搜索欄中鍵入“SearchWP”并單擊“SearchWP Live Search”圖標。

這將自動將Ajax實時搜索小工具插入您的側邊欄中。

您可以自定義標題部分以更改搜索框的標題。完成后，單擊“更新”按鈕保存更改并使搜索欄生效。

現(xiàn)在，您的所有網(wǎng)站訪問者都可以使用您的實時搜索欄。

您可以按照相同的過程將實時搜索欄添加到您網(wǎng)站的任何其他小部件區(qū)域。要將其添加到您的導航菜單區(qū)域，請參閱我們關于如何將搜索欄添加到WordPress菜單的教程。

將Ajax實時搜索添加到WordPress頁面

您可能還想向網(wǎng)站的其他頁面添加Ajax實時搜索框。例如，您可以有一個存檔頁面，讓訪問者可以搜索您的內(nèi)容。

為此，您需要導航到要編輯的文章或頁面。對于此示例，我們將向您展示如何將實時搜索欄添加到WordPress頁面。

首先，轉到頁面?所有頁面，然后單擊要編輯的頁面。

打開頁面后，單擊頁面編輯器屏幕上的“+”圖標。

這將調出區(qū)塊菜單。

接下來，在框中鍵入“Search”，然后單擊“Search”圖標將其添加到您的頁面。

它會自動為您放置搜索欄。

您還可以在搜索框中自定義搜索標題和占位符文本。

之后，請務必點擊頁面右上角的“更新”按鈕。

現(xiàn)在，您的訪問者可以使用您網(wǎng)站上的實時搜索欄快速找到他們正在尋找的內(nèi)容。

您可以使用相同的過程向任何文章或頁面添加搜索欄。

自定義WordPress即時搜索結果

SearchWP是一個非常通用的搜索插件，它不僅僅是發(fā)布內(nèi)容并索引您網(wǎng)站上的所有內(nèi)容，包括自定義字段、ACF字段、文本文件、PDF文檔內(nèi)容、自定義表格、自定義分類法、WooCommerce產(chǎn)品屬性等。

SearchWP插件的專業(yè)版可讓您通過創(chuàng)建自己的相關性比例和調整算法來完全自定義您的搜索結果，而無需編寫任何代碼。

您還可以獲得指標功能，可讓您查看訪問者正在搜索的內(nèi)容，以及許多其他強大的功能，可進一步改進您的現(xiàn)場搜索功能。

我們希望本教程能幫助您了解如何將Ajax實時搜索添加到您的WordPress網(wǎng)站。

當前名稱：如何將Ajax實時搜索添加到您的WordPress
標題路徑：http://uogjgqi.cn/article/dhoihii.html