新聞中心
將即時(shí)搜索添加到wordpress可改進(jìn)默認(rèn)站點(diǎn)搜索,并使訪問者更容易找到他們正在尋找的頁面和文章。

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供扎賚諾爾網(wǎng)站建設(shè)、扎賚諾爾做網(wǎng)站、扎賚諾爾網(wǎng)站設(shè)計(jì)、扎賚諾爾網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、扎賚諾爾企業(yè)網(wǎng)站模板建站服務(wù),十載扎賚諾爾做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
在本教程中,我們將向您展示如何將Ajax實(shí)時(shí)搜索添加到您的WordPress網(wǎng)站。
為什么要向WordPress添加Ajax實(shí)時(shí)搜索?
Ajax實(shí)時(shí)搜索(也稱為即時(shí)搜索)通過添加在Google等搜索引擎中很常見的下拉菜單和自動(dòng)完成功能來改善默認(rèn)的WordPress搜索體驗(yàn)。
這是一個(gè)實(shí)際的例子:
實(shí)時(shí)搜索會(huì)在用戶鍵入時(shí)猜測他們正在搜索的內(nèi)容,并幫助他們更快地找到相關(guān)內(nèi)容。這是對默認(rèn)WordPress搜索的巨大改進(jìn)。
通過幫助用戶快速找到他們正在尋找的內(nèi)容,實(shí)時(shí)搜索將幫助他們在您的網(wǎng)站上停留更長時(shí)間,從而增加綜合瀏覽量并降低跳出率。
話雖如此,讓我們來看看如何簡單地將Ajax實(shí)時(shí)搜索添加到您的WordPress博客或網(wǎng)站。
使用WordPress插件將Ajax搜索添加到WordPress
將Ajax實(shí)時(shí)搜索添加到WordPress的最簡單方法是使用SearchWP插件。它是市場上最好的WordPress搜索插件,被30,000多個(gè)網(wǎng)站使用。
該插件超越了為文章內(nèi)容編制索引,并將為您網(wǎng)站上的所有內(nèi)容編制索引,例如自定義字段、PDF文檔、文本文件、WooCommerce產(chǎn)品等。
對于本教程,您可以使用免費(fèi)的SearchWP Live Ajax Lite搜索插件,因?yàn)樗鼤?huì)自動(dòng)啟用Ajax實(shí)時(shí)搜索。
您需要做的第一件事是安裝并激活插件。激活后,默認(rèn)的WordPress搜索表單現(xiàn)在將自動(dòng)包含Ajax實(shí)時(shí)搜索功能。
在您的WordPress網(wǎng)站上顯示Ajax實(shí)時(shí)搜索
由于任何活動(dòng)搜索欄現(xiàn)在都有實(shí)時(shí)搜索,您所要做的就是決定您希望它們顯示的位置。
下面您將了解如何將實(shí)時(shí)搜索欄添加到WordPress網(wǎng)站上的常見位置。
將Ajax實(shí)時(shí)搜索添加到WordPress側(cè)邊欄
添加搜索欄的最受歡迎的區(qū)域之一是WordPress側(cè)邊欄。這使您的訪問者無論在您網(wǎng)站上的哪個(gè)位置都可以輕松進(jìn)行搜索。
要將搜索小工具添加到WordPress,只需轉(zhuǎn)到外觀 ? 小工具以調(diào)出基于塊的小工具編輯器。
WordPress主題的每個(gè)小工具區(qū)域在塊編輯器中都有一個(gè)單獨(dú)的選項(xiàng)卡。
在我們的測試站點(diǎn)上,我們的側(cè)邊欄小部件區(qū)域稱為“Right Sidebar”,但根據(jù)您的主題,您的可能有不同的名稱。
只需單擊側(cè)邊欄部分下方的“+”圖標(biāo)。
然后,在搜索欄中鍵入“SearchWP”并單擊“SearchWP Live Search”圖標(biāo)。
這將自動(dòng)將Ajax實(shí)時(shí)搜索小工具插入您的側(cè)邊欄中。
您可以自定義標(biāo)題部分以更改搜索框的標(biāo)題。完成后,單擊“更新”按鈕保存更改并使搜索欄生效。
現(xiàn)在,您的所有網(wǎng)站訪問者都可以使用您的實(shí)時(shí)搜索欄。
您可以按照相同的過程將實(shí)時(shí)搜索欄添加到您網(wǎng)站的任何其他小部件區(qū)域。要將其添加到您的導(dǎo)航菜單區(qū)域,請參閱我們關(guān)于如何將搜索欄添加到WordPress菜單的教程。
將Ajax實(shí)時(shí)搜索添加到WordPress頁面
您可能還想向網(wǎng)站的其他頁面添加Ajax實(shí)時(shí)搜索框。例如,您可以有一個(gè)存檔頁面,讓訪問者可以搜索您的內(nèi)容。
為此,您需要導(dǎo)航到要編輯的文章或頁面。對于此示例,我們將向您展示如何將實(shí)時(shí)搜索欄添加到WordPress頁面。
首先,轉(zhuǎn)到頁面?所有頁面,然后單擊要編輯的頁面。
打開頁面后,單擊頁面編輯器屏幕上的“+”圖標(biāo)。
這將調(diào)出區(qū)塊菜單。
接下來,在框中鍵入“Search”,然后單擊“Search”圖標(biāo)將其添加到您的頁面。
它會(huì)自動(dòng)為您放置搜索欄。
您還可以在搜索框中自定義搜索標(biāo)題和占位符文本。
之后,請務(wù)必點(diǎn)擊頁面右上角的“更新”按鈕。
現(xiàn)在,您的訪問者可以使用您網(wǎng)站上的實(shí)時(shí)搜索欄快速找到他們正在尋找的內(nèi)容。
您可以使用相同的過程向任何文章或頁面添加搜索欄。
自定義WordPress即時(shí)搜索結(jié)果
SearchWP是一個(gè)非常通用的搜索插件,它不僅僅是發(fā)布內(nèi)容并索引您網(wǎng)站上的所有內(nèi)容,包括自定義字段、ACF字段、文本文件、PDF文檔內(nèi)容、自定義表格、自定義分類法、WooCommerce產(chǎn)品屬性等。
SearchWP插件的專業(yè)版可讓您通過創(chuàng)建自己的相關(guān)性比例和調(diào)整算法來完全自定義您的搜索結(jié)果,而無需編寫任何代碼。
您還可以獲得指標(biāo)功能,可讓您查看訪問者正在搜索的內(nèi)容,以及許多其他強(qiáng)大的功能,可進(jìn)一步改進(jìn)您的現(xiàn)場搜索功能。
我們希望本教程能幫助您了解如何將Ajax實(shí)時(shí)搜索添加到您的WordPress網(wǎng)站。
網(wǎng)頁名稱:如何將Ajax實(shí)時(shí)搜索添加到您的WordPress
分享鏈接:http://www.fisionsoft.com.cn/article/dhoihii.html


咨詢
建站咨詢
