您想在 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ú)需離開您的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)簽”字段中輸入“搜索”即可。

之后，單擊“保存菜單”按鈕保存更改?，F(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è)很好的開始，但是有一些方法可以為您的訪問(wèn)者創(chuàng)建更強(qiáng)大的搜索體驗(yàn)。

自定義您的 WordPress 搜索結(jié)果算法

您想自定義 WordPress 搜索結(jié)果，甚至在搜索結(jié)果中突出顯示促銷項(xiàng)目嗎？

在這種情況下，您將需要高級(jí) SearchWP 插件來(lái)幫助您自定義 WordPress 搜索算法，而無(wú)需接觸任何代碼。

有關(guān)更多信息，請(qǐng)參閱我們有關(guān)如何使用 SearchWP 改進(jìn) WordPress 搜索的完整指南。

我們希望本文能幫助您了解如何將搜索欄添加到 WordPress 菜單。您可能還想查看我們專家為小型企業(yè)挑選的最佳實(shí)時(shí)聊天軟件，或者查看我們的有用提示列表，以加快 WordPress 速度并提高性能。