如何將搜索欄添加到WordPress菜單(逐步)


您是否要在WordPress導航菜單中添加搜索欄?

默認情況下,WordPress允許您在網站的側邊欄,頁腳和其他可用於小部件的區域中添加搜索部分。 但是,許多用戶更喜歡在導航菜單中具有WordPress搜索框,因為它在頂部很容易被注意到。

在本文中,我們將向您展示如何在沒有任何編碼知識的情況下輕鬆地將搜索欄添加到WordPress菜單。

將搜索欄添加到WordPress菜單

為什麼要在菜單中添加搜索欄?

站點搜索使您的用戶無需離開您的網站即可輕鬆找到他們想要的內容。 它有助於改善您網站上的用戶體驗並提高參與度。

這就是大多數可用性專家建議在導航菜單中添加搜索選項的原因,以便用戶可以輕鬆找到它。

但是,默認的WordPress搜索窗口小部件僅限於窗口小部件就緒區域。

幸運的是,有許多不同的WordPress搜索插件,可讓您將搜索欄添加到站點上的不同位置,包括菜單。

在本教程中,我們選擇了象牙搜索免費插件。 它允許您創建新的自定義搜索表單並增強默認的WordPress搜索。

如此說來,讓我們看一下如何在WordPress菜單中添加搜索欄。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

將搜索欄添加到WordPress菜單

您需要做的第一件事是安裝並激活像牙搜索插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 象牙搜索»搜索表格 頁面以創建新的搜索表單。

象牙搜索包含選項

該插件會自動添加默認搜索表單,因此您可以快速查看其設置並將其添加到WordPress菜單中。

搜索設置允許您選擇網站搜索中應包括的網站內容。

“包含”部分可讓您選擇搜索查詢中應包括哪些帖子類型,帖子,頁面,類別,自定義字段等。 您需要查看選項,然後單擊“保存表單”按鈕。

接下來,有“排除”部分,可讓您定義不想在搜索結果中顯示的內容。 完成後,再次單擊“保存表單”按鈕以存儲您的設置。

象牙搜索排除選項

通過“ AJAX”部分,您可以為搜索表單啟用AJAX功能。

象牙WordPress搜索欄AJAX設置

通過“選項”部分,您可以定義每個搜索頁顯示多少個結果以及其他高級設置。

在像牙搜索插件中定義每頁搜索結果

現在,您的自定義WordPress搜索表單已準備就緒。 再一次,不要忘記保存您的設置。

之後,下一步是將搜索表單添加到導航菜單。 只需轉到 象牙搜索»設置 頁面以將搜索欄配置為WordPress菜單。

在此頁面上,您將看到“選擇菜單”選項卡。 在這裡,您可以簡單地在要添加搜索欄的菜單之間進行切換。

選擇WordPress菜單以顯示搜索欄

菜單列表(主菜單和頁腳菜單)屬於您的WordPress模板。 如果您更改站點的模板,則列表將自動使用模板中的可用菜單進行更新。

之後,您可以從下面的“表單樣式”手風琴中選擇搜索樣式。

該插件可讓您以五種不同的樣式顯示搜索表單:默認,下拉,滑動,全角和彈出。

象牙搜索表單樣式

如果願意,可以轉到“菜單搜索”下面的“設置”部分進一步自定義選項。

在這裡,您可以將搜索表單添加到頁眉,頁腳,管理用於搜索的移動顯示等。 這些設置還有助於控制用戶的搜索結果。

象牙搜索更多設置

滿意後,請確保保存設置。 之後,您可以轉到您的網站以在WordPress導航菜單中查看搜索欄。

WordPress菜單預覽中的搜索欄

我們希望本文能幫助您學習如何向WordPress菜單添加搜索欄。 您可能還想查看我們最有用的技巧列表,以加快WordPress並提高性能。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。