您想在 wordpress 導(dǎo)航菜單中添加搜索欄嗎?
默認(rèn)情況下,wordpress 允許您將搜索添加到網(wǎng)站的側(cè)邊欄、頁(yè)腳和其他小部件就緒區(qū)域。然而,許多用戶更喜歡在導(dǎo)航菜單中放置 WordPress 搜索框,因?yàn)樵L問(wèn)者更容易找到。
在本文中,我們將向您展示如何輕松地將搜索欄添加到 WordPress 菜單中,而無(wú)需任何編碼知識(shí)。
為什么要在 WordPress 導(dǎo)航菜單中添加搜索欄?
搜索欄可幫助用戶無(wú)需離開(kāi)您的WordPress 網(wǎng)站即可找到所需內(nèi)容。這可以改善用戶體驗(yàn),讓訪問(wèn)者在您的網(wǎng)站上停留更長(zhǎng)時(shí)間,并提高參與度。
這就是為什么大多數(shù)網(wǎng)站設(shè)計(jì)者和專家建議在導(dǎo)航菜單中添加搜索欄,以便用戶可以輕松找到它。
但是,默認(rèn)情況下,您只能將 WordPress 搜索小部件添加到小部件就緒區(qū)域(例如側(cè)邊欄)。幸運(yùn)的是,有許多不同的WordPress 搜索插件可以讓您將搜索欄添加到網(wǎng)站的不同區(qū)域,包括導(dǎo)航菜單。
話雖如此,讓我們看看如何將搜索欄添加到 WordPress 導(dǎo)航菜單中。
將搜索欄添加到 WordPress 導(dǎo)航菜單
將搜索欄添加到網(wǎng)站導(dǎo)航欄的最簡(jiǎn)單方法是使用SearchWP Modal Search Form。這個(gè)免費(fèi)插件易于使用,適合任何主題,并且不會(huì)對(duì)您網(wǎng)站的性能產(chǎn)生負(fù)面影響。
您需要做的第一件事是安裝并激活 SearchWP Modal Search Form 插件。有關(guān)更多詳細(xì)信息,請(qǐng)參閱我們有關(guān)如何安裝 WordPress 插件的分步指南。
激活后,您需要將搜索欄添加到 WordPress 菜單中。只需轉(zhuǎn)到外觀?菜單,然后確保在“選擇要編輯的菜單”下拉列表中選擇主菜單。
之后,單擊“選擇”按鈕。
接下來(lái),單擊屏幕左側(cè)的 SearchWP 模態(tài)搜索表單框。
您可以看到該插件已自動(dòng)添加“本機(jī) WordPress”搜索模板。繼續(xù)并選中“本機(jī) WordPress”框。
然后,單擊“添加到菜單”按鈕。
WordPress 現(xiàn)在將在菜單中添加一個(gè)新的“本機(jī) WordPress”項(xiàng)目。
要配置此項(xiàng)目,請(qǐng)單擊它。首先,最好將導(dǎo)航標(biāo)簽更改為“搜索”,以便訪問(wèn)者知道這是一個(gè)搜索字段。
要進(jìn)行此更改,只需在“導(dǎo)航標(biāo)簽”字段中輸入“搜索”即可。
之后,單擊“保存菜單”按鈕保存更改。現(xiàn)在,如果您訪問(wèn)WordPress 博客,您將在導(dǎo)航菜單中看到一個(gè)新的搜索欄。
SearchWP 將自動(dòng)設(shè)置搜索樣式以適合您的WordPress 主題,如下圖所示。
添加 ajax 支持的實(shí)時(shí)搜索
您可以使用Ajax 技術(shù)添加實(shí)時(shí)搜索結(jié)果,使您的搜索表單更加用戶友好。這將在訪問(wèn)者輸入查詢時(shí)自動(dòng)顯示相關(guān)搜索結(jié)果,就像您在 Google 中看到的那樣。
添加 Ajax 支持的搜索的最簡(jiǎn)單方法是使用SearchWP Live Ajax Search。該插件自動(dòng)與SearchWP Modal Search Form集成,無(wú)需您配置任何設(shè)置,因此非常易于使用。
首先,您需要安裝并激活 SearchWP Live Ajax 搜索插件。有關(guān)更多信息,請(qǐng)參閱我們有關(guān)如何安裝 WordPress 插件的分步指南。
激活后,該插件將自動(dòng)將實(shí)時(shí)搜索添加到您的所有表單中。要查看實(shí)際的 Ajax 搜索,只需訪問(wèn)您的 WordPress 網(wǎng)站并輸入搜索查詢即可。
搜索結(jié)果會(huì)在您鍵入時(shí)顯示。
這是一個(gè)很好的開(kāi)始,但是有一些方法可以為您的訪問(wèn)者創(chuàng)建更強(qiáng)大的搜索體驗(yàn)。
自定義您的 WordPress 搜索結(jié)果算法
您想自定義 WordPress 搜索結(jié)果,甚至在搜索結(jié)果中突出顯示促銷(xiāo)項(xiàng)目嗎?
在這種情況下,您將需要高級(jí) SearchWP 插件來(lái)幫助您自定義 WordPress 搜索算法,而無(wú)需接觸任何代碼。
有關(guān)更多信息,請(qǐng)參閱我們有關(guān)如何使用 SearchWP 改進(jìn) WordPress 搜索的完整指南。
我們希望本文能幫助您了解如何將搜索欄添加到 WordPress 菜單。您可能還想查看我們專家為小型企業(yè)挑選的最佳實(shí)時(shí)聊天軟件,或者查看我們的有用提示列表,以加快 WordPress 速度并提高性能。