建站
咨詢
售后
建站咨詢
新聞中心
默認(rèn)情況下，wordpress允許您向網(wǎng)站側(cè)邊欄、頁腳和其他小工具等區(qū)域添加搜索。但是，許多用戶更喜歡在導(dǎo)航菜單中使用WordPress搜索框，因為它在頂部很容易引人注目。
在本教程中，我們將向您展示如何在沒有任何編碼知識的情況下向WordPress菜單添加搜索欄。
為什么要在WordPress導(dǎo)航菜單中添加搜索欄
搜索欄使您的用戶無需離開您的WordPress網(wǎng)站即可輕松找到他們正在尋找的內(nèi)容。它有助于改善您網(wǎng)站上的用戶體驗并提高參與度。
這就是大多數(shù)可用性專家建議在導(dǎo)航菜單中添加搜索選項的原因，以便用戶可以輕松找到它。但是，默認(rèn)的WordPress搜索小工具僅限于小工具區(qū)域（側(cè)邊欄）。
幸運的是，有許多不同的WordPress搜索插件，可讓您將搜索欄添加到網(wǎng)站上的不同位置，包括菜單。
在本教程中，我們將使用免費的SearchWP Modal Search Form。它易于使用，適合任何主題，而且不會對您網(wǎng)站的性能產(chǎn)生負(fù)面影響。
讓我們步入正題，一起看看如何向WordPress導(dǎo)航菜單添加搜索欄。
向WordPress導(dǎo)航菜單添加搜索欄
您需要做的第一件事是安裝并激活SearchWP Modal Search Form插件。
激活后，您需要訪問外觀?菜單以將搜索頁面添加到您的WordPress菜單。在那里，確保選擇了主菜單。
接下來，單擊SearchWP Modal Search Form以顯示菜單項的設(shè)置。請注意，插件已自動添加默認(rèn)搜索模板。您應(yīng)該選擇它，然后單擊“Add to menu”按鈕。
新的Native WordPress Modal Search Form菜單項將添加到右列。您需要單擊它以展開其設(shè)置。
您需要將導(dǎo)航標(biāo)簽重命名為“搜索”，然后單擊“保存菜單”按鈕以保存設(shè)置。
您可以通過訪問您的WordPress網(wǎng)站來查看新的搜索菜單項。彈出式搜索框?qū)⒆詣映尸F(xiàn)您的主題外觀，您可以在我們測試網(wǎng)站的這兩個屏幕截圖中看到。
添加Ajax支持的實時搜索
通過使用Ajax技術(shù)添加實時搜索結(jié)果，我們可以使我們的搜索表單更加用戶友好。這將在您的訪問者鍵入查詢時自動更新搜索結(jié)果。
首先，您需要安裝并激活SearchWP Live Ajax Search插件。
一旦激活，插件將立即開始工作。它會自動將實時搜索結(jié)果添加到您的所有搜索表單中。
要查看它的實際效果，只需訪問您的WordPress網(wǎng)站并輸入搜索查詢即可。搜索結(jié)果將在您鍵入時出現(xiàn)。
要更多地自定義您的搜索，請參閱我們關(guān)于如何使用SearchWP改進WordPress搜索的教程。希望本教程能幫助您了解如何向WordPress菜單添加搜索欄。
新聞標(biāo)題：如何將搜索欄添加到WordPress菜單
標(biāo)題來源：http://fisionsoft.com.cn/article/dhpgcsg.html
