預設情況下，WordPress允許您向網站側邊欄、頁尾和其他小工具等區域新增搜尋。但是，許多使用者更喜歡在導航選單中使用WordPress搜尋框，因為它在頂部很容易引人注目。
在本教程中，我們將向您展示如何在沒有任何編碼知識的情況下向WordPress選單新增搜尋欄。
為什麼要在WordPress導航選單中新增搜尋欄
搜尋欄使您的使用者無需離開您的WordPress網站即可輕鬆找到他們正在尋找的內容。它有助於改善您網站上的使用者體驗並提高參與度。
這就是大多數可用性專家建議在導航選單中新增搜尋選項的原因，以便使用者可以輕鬆找到它。但是，預設的WordPress搜尋小工具僅限於小工具區域（側邊欄）。
幸運的是，有許多不同的WordPress搜尋外掛，可讓您將搜尋欄新增到網站上的不同位置，包括選單。
在本教程中，我們將使用免費的SearchWP Modal Search Form。它易於使用，適合任何主題，而且不會對您網站的效能產生負面影響。
讓我們步入正題，一起看看如何向WordPress導航選單新增搜尋欄。
向WordPress導航選單新增搜尋欄
您需要做的第一件事是安裝並啟用SearchWP Modal Search Form外掛。
啟用後，您需要訪問外觀»選單以將搜尋頁面新增到您的WordPress選單。在那裡，確保選擇了主選單。
接下來，單擊SearchWP Modal Search Form以顯示選單項的設定。請注意，外掛已自動新增預設搜尋模板。您應該選擇它，然後單擊“Add to menu”按鈕。
新的Native WordPress Modal Search Form選單項將新增到右列。您需要單擊它以展開其設定。
您需要將導航標籤重新命名為“搜尋”，然後單擊“儲存選單”按鈕以儲存設定。
您可以通過訪問您的WordPress網站來檢視新的搜尋選單項。彈出式搜尋框將自動呈現您的主題外觀，您可以在我們測試網站的這兩個螢幕截圖中看到。
新增Ajax支援的實時搜尋
通過使用Ajax技術新增實時搜尋結果，我們可以使我們的搜尋表單更加使用者友好。這將在您的訪問者鍵入查詢時自動更新搜尋結果。
首先，您需要安裝並啟用SearchWP Live Ajax Search外掛。
一旦啟用，外掛將立即開始工作。它會自動將實時搜尋結果新增到您的所有搜尋表單中。
要檢視它的實際效果，只需訪問您的WordPress網站並輸入搜尋查詢即可。搜尋結果將在您鍵入時出現。
要更多地自定義您的搜尋，請參閱我們關於如何使用SearchWP改進WordPress搜尋的教程。希望本教程能幫助您瞭解如何向WordPress選單新增搜尋欄。
評論留言