默認(rèn)情況下，wordpress允許您向網(wǎng)站側(cè)邊欄、頁腳和其他小工具等區(qū)域添加搜索。但是，許多用戶更喜歡在導(dǎo)航菜單中使用WordPress搜索框，因?yàn)樗陧敳亢苋菀滓俗⒛俊?/p>

在本教程中，我們將向您展示如何在沒有任何編碼知識(shí)的情況下向WordPress菜單添加搜索欄。

為什么要在WordPress導(dǎo)航菜單中添加搜索欄

搜索欄使您的用戶無需離開您的WordPress網(wǎng)站即可輕松找到他們正在尋找的內(nèi)容。它有助于改善您網(wǎng)站上的用戶體驗(yàn)并提高參與度。

這就是大多數(shù)可用性專家建議在導(dǎo)航菜單中添加搜索選項(xiàng)的原因，以便用戶可以輕松找到它。但是，默認(rèn)的WordPress搜索小工具僅限于小工具區(qū)域（側(cè)邊欄）。

幸運(yùn)的是，有許多不同的WordPress搜索插件，可讓您將搜索欄添加到網(wǎng)站上的不同位置，包括菜單。

在本教程中，我們將使用免費(fèi)的SearchWP Modal Search Form。它易于使用，適合任何主題，而且不會(huì)對(duì)您網(wǎng)站的性能產(chǎn)生負(fù)面影響。

讓我們步入正題，一起看看如何向WordPress導(dǎo)航菜單添加搜索欄。

向WordPress導(dǎo)航菜單添加搜索欄

您需要做的第一件事是安裝并激活SearchWP Modal Search Form插件。

激活后，您需要訪問外觀?菜單以將搜索頁面添加到您的WordPress菜單。在那里，確保選擇了主菜單。

接下來，單擊SearchWP Modal Search Form以顯示菜單項(xiàng)的設(shè)置。請(qǐng)注意，插件已自動(dòng)添加默認(rèn)搜索模板。您應(yīng)該選擇它，然后單擊“Add to menu”按鈕。

新的Native WordPress Modal Search Form菜單項(xiàng)將添加到右列。您需要單擊它以展開其設(shè)置。

您需要將導(dǎo)航標(biāo)簽重命名為“搜索”，然后單擊“保存菜單”按鈕以保存設(shè)置。

您可以通過訪問您的WordPress網(wǎng)站來查看新的搜索菜單項(xiàng)。彈出式搜索框?qū)⒆詣?dòng)呈現(xiàn)您的主題外觀，您可以在我們測(cè)試網(wǎng)站的這兩個(gè)屏幕截圖中看到。

添加Ajax支持的實(shí)時(shí)搜索

通過使用Ajax技術(shù)添加實(shí)時(shí)搜索結(jié)果，我們可以使我們的搜索表單更加用戶友好。這將在您的訪問者鍵入查詢時(shí)自動(dòng)更新搜索結(jié)果。

首先，您需要安裝并激活SearchWP Live Ajax Search插件。

一旦激活，插件將立即開始工作。它會(huì)自動(dòng)將實(shí)時(shí)搜索結(jié)果添加到您的所有搜索表單中。

要查看它的實(shí)際效果，只需訪問您的WordPress網(wǎng)站并輸入搜索查詢即可。搜索結(jié)果將在您鍵入時(shí)出現(xiàn)。

要更多地自定義您的搜索，請(qǐng)參閱我們關(guān)于如何使用SearchWP改進(jìn)WordPress搜索的教程。希望本教程能幫助您了解如何向WordPress菜單添加搜索欄。

名稱欄目：如何將搜索欄添加到WordPress菜單
轉(zhuǎn)載來于：http://uogjgqi.cn/article/dhpgcsg.html