如何創建自定義WordPress搜索表單(只需3個簡單步驟)

[ad_1]

搜索是在線體驗的關鍵部分,也是大多數用戶在網路上查找信息的方式。 這樣,如果訪問者到達您的站點並且無法立即找到他們想要的內容,那麼他​​們很有可能會離開而無需進一步挖掘。 WordPress搜索表單可以幫助確保不會發生這種情況。

通過在您的網站上實施更好的搜索功能,您可以幫助用戶更快地找到所需信息,同時降低跳出率。 對於每個參與人員來說,這都是雙贏的局面。

在本文中,我們將討論網站內部搜索的重要性,並向您展示如何向網站添加搜索表單。 然後,我們將分三步向您介紹如何創建自己的自定義WordPress搜索表單。 讓我們開始吧!

為什麼您的WordPress搜索表單很重要

搜索是網路上的主導力量。 這就是絕大多數用戶如何找到新內容和要訪問的網站的方式-我們都非常熟悉 搜索引擎優化(SEO)的重要性 當涉及到在線查找時。

但是,沒有多少網站所有者認為在自己的網站上進行搜索的重要性。 畢竟,主菜單看起來像所有 訪客可能需要的導航

但是,如果用戶登陸您的網站而無法快速找到所需的內容,則他們可能不會留下來。 如果他們來自Google搜索,這一點尤其重要,因為只需單擊「後退」,就可以找到所有可能的競爭對手。

擁有有用且可訪問的內部搜索表單有助於防止用戶過早離開您的網站。 這意味著更少的競爭損失和更多的機會將訪問者轉變為訂戶,客戶或粉絲。

同樣,如果您有成百上千的 博客文章 出版後,用戶很難篩選和查找有關特定主題的文章。 搜索功能可以改善 用戶體驗(UX) 網站的訪問量,讓訪問者更加滿意,這最終對業務有利。

如何免費創建自定義#WordPress搜索表單(兩種方法)?

點擊鳴叫

如何將搜索欄添加到您的網站(兩種方法)

WordPress的默認安裝包括一個搜索欄小部件,可以將其添加到 支持小部件的區域 您網站的標題, 頁腳或側邊欄。 有兩種添加此小部件的方法:

  1. 通過WordPress定製器
  2. 直接從儀錶板

1.使用WordPress定製程序添加搜索表單

要使用添加搜索表單 定製器,轉到WordPress信息中心,然後導航到外觀→自定義。 單擊定製器側欄中的窗口小部件。

這將打開一個新菜單,其中包含站點上的小部件區域以及每個當前包含的元素的列表:

要將搜索欄添加到小部件區域,請在要放置它的區域中單擊「添加小部件」按鈕。 在滑出的新菜單中,向下滾動並選擇「搜索」小部件:

在WordPress定製程序中添加「搜索」小部件。

這會將小部件添加到列表的末尾:

「搜索」小部件位於頁腳部分的末尾。

然後,您可以將其拖動到其他位置以重新放置它。 例如,將其放在列表的開頭會將其移動到小部件區域的最左側。

您還可以通過填寫「標題」欄位將標題添加到搜索表單。 這在搜索框上方包括一個小標題:

帶有自定義標題的WordPress搜索表單。

完成後,請記住保存更改。 您可以通過單擊「定製程序」菜單頂部的藍色「發布」按鈕來執行此操作。

2.從WordPress儀錶板添加搜索表單

如果願意,還可以直接從WordPress儀錶板添加搜索表單。 首先,導航至外觀→小部件以打開小部件編輯器屏幕:

WordPress儀錶板的「小部件」區域。

從那裡,只需在列表中找到「搜索」小部件並將其拖到您要在其中顯示它的區域即可:

WordPress搜索表單已添加到網站的頁腳中。

您可以在此處訪問與定製器中相同的選項。 您可以根據需要對窗口小部件重新排序以更改其位置或添加標題。

唯一的區別是,定製程序提供了更改的可視預覽。 如果您隨時決定使用自定義程序,只需單擊屏幕頂部的「使用實時預覽進行管理」按鈕即可將其打開。

請注意,您網站上可用的特定窗口小部件區域由您的主題控制,並非每個主題都包含相同的選項。 例如,默認的WordPress 二十一二十一 主題僅將頁腳提供為小部件區域。

如何手動自定義默認的WordPress搜索表單

不幸的是,默認的WordPress搜索表單沒有很多自定義選項。 您可以更改其位置並添加標題,如以上各節所述,但這僅是使用該界面所能實現的。

但是,由於我們在談論WordPress,因此有一種解決方法:直接編輯代碼。 通過使用WordPress模板文件,您可以為您的網站創建自定義搜索頁面。 如果您想這樣做,WordPress.org有一個 精彩的演練

但是,即使使用這種方法,默認的WordPress搜索功能仍然受到限制。 您只能將表單放在窗口小部件區域中,並且外觀基於您的主題,而自定義選項的方式可能不會提供太多幫助。 幸運的是,有更簡便的方法可以自定義搜索表單,即使用WordPress插件。

如何使用免費插件創建自定義WordPress搜索表單

如果您想創建自定義的WordPress搜索表單,並且對代碼不滿意(或者只是沒有時間),則可以使用免費的插件。 在本節中,我們將引導您使用象牙搜索插件創建自定義搜索欄。

1.安裝並激活象牙搜索插件

第一步是前往WordPress儀錶板並安裝Ivory Search:


象牙搜索– WordPress搜索插件象牙搜索– WordPress搜索插件

作者: 象牙搜索

當前版本:4.6.2

上次更新時間:2021年4月2日

add-search-to-menu.4.6.2.zip

98%評級

60,000+安裝

WP 3.9+要求

這是一個免費插件,可幫助您為WordPress網站創建自定義搜索表單。 您可以調整搜索欄的外觀,將表單放置在站點菜單中,並微調結果中顯示的內容。

來吧 安裝插件 從您的WordPress儀錶板。 激活後,即可繼續進行下一步。

2.創建一個新的搜索表單

激活插件後,您可以創建您的第一個搜索表單。 從您的WordPress儀錶板中,導航到Ivory Search→搜索表單:

在象牙搜索中添加新的搜索表單。

該插件將使用其默認設置自動填充表單,因此您可以根據需要快速上手。 但是,您也可以徹底自定義設置。

在「搜索」選項卡下,您可以指定要包含在搜索中的網站內容。 在每個部分中單擊以選中和取消選中各種帖子和頁面類型:

選擇要包含在自定義WordPress搜索表單中的內容類型。

通過排除選項卡,您可以選擇不想包含在搜索結果中的特定帖子和頁面。 例如,這對於排除某些索引頁非常方便。

您可以在「設計」選項卡上自定義搜索表單的外觀:

象牙搜索設置的「設計」部分。

您可能需要單擊「啟用搜索表單自定義」複選框以激活自定義程序(默認情況下處於關閉狀態)。 完成此操作後,您可以單擊「搜索表單定製程序」鏈接以打開WordPress定製程序:

在定製程序中自定義WordPress搜索表單。

在這裡,您可以選擇搜索框本身的樣式,以及用於各種元素的顏色和文本,例如框內包含的佔位符文本。 完成後,請確保單擊頁面頂部的「發布」按鈕。

最後,可以在「選項」選項卡上配置搜索結果頁面:

在「象牙搜索」設置中自定義WordPress搜索表單。

有用於每頁結果數的選項,是否要突出顯示搜索詞以及其他幾個高級選項。 完成配置表單後,單擊藍色的「保存表單」按鈕完成更改。

3.將搜索表單添加到您的站點

配置好表單後,您現在就可以將其添加到您的網站了。 您可以將表單放在頁眉,頁腳或WordPress菜單中。

要將您的象牙搜索表單添加到標題或 您網站的頁腳,然後導航到「象牙搜索」→「設置」:

象牙搜索設置屏幕。

接下來,從列表中選擇「頁眉搜索」或「頁腳搜索」,然後從下拉菜單中單擊剛創建的表單:

將自定義搜索表單添加到WordPress標頭中。

完成後,單擊「保存」以更新您的網站。 在這種情況下,我們將欄添加到標題中:

顯示在WordPress標頭中的自定義搜索表單。

如果要將搜索表單添加到站點菜單,請導航至「象牙搜索」→「菜單搜索」:

將自定義搜索表單添加到WordPress菜單。

在此屏幕上,您可以選擇要包含搜索欄的菜單。插件將在菜單中添加一個小的放大鏡。 單擊放大鏡會彈出一個搜索框,您可以在其中輸入術語:

自定義搜索來自顯示在WordPress菜單中。

就是這樣! 您現在已經自定義了自己的WordPress搜索表單。

結論

無論您是否嘗試 降低您網站上的跳出率 或提供更好的用戶體驗,自定義搜索表單是一個絕佳的解決方案。

如何免費創建自定義#WordPress搜索表單(只需3個簡單步驟)?

點擊鳴叫

儘管WordPress默認包含搜索欄,但它在放置位置和定製方式上受到限制。 使用插件 例如象牙搜索 使您可以輕鬆地創建完全自定義的表單,並僅需幾個步驟即可將其顯示在幾乎任何位置。

有關改善您的網站搜索的其他建議,請查看 我們改善WordPress內部搜索的技巧

您對創建WordPress搜索表單有任何疑問嗎? 在下面的評論部分讓我們知道!

相關文章