前言
哈囉大家好!今天我想跟大家分享一個非常實用的 WordPress 免費外掛。不知道有沒有人和我一樣,在剛開始建立 WordPress 網站時,遇到了網站內搜尋功能的一個大問題。當我們正常輸入搜尋內容時,可能會出現很多不相關的內容或頁面,甚至那些你不想讓別人看到的頁面或範本也會顯示出來。
今天,我們要推薦一個非常簡單又免費的外掛,來解決這個搜尋功能的問題。這個外掛叫做 Ajax Search Lite。在中文的搜尋瀏覽器裡,我沒有看到這個外掛的教學,而且它是我看過最簡單的搜尋功能篩選外掛之一。
我在這裡使用 Elementor 來建站,但如果不是使用 Elementor,也可以使用這個外掛的功能。今天我們演示的是免費精簡版,當然,如果你的網站需求更高,也可以考慮購買他們的 Pro 版本。精簡版與 Pro 版本的對比會放在這,大家可以自行查看。
這邊我們也放上這個外掛本身地的使用說明文檔給大家,這份文檔寫得非常詳細,如果有甚麼我們沒說清楚的地方或是不懂的地方可以直接聯繫我們或是拒看他的提供的外掛說明文檔喔。
精簡版與Pro版本
今天我們演示的是免費精簡版,當然,如果你的網站需求更高,也可以考慮購買他們的 Pro 版本。精簡版與 Pro 版本的對比會放在這,大家可以自行查看。
- PRO 版本提供更強大的搜索
- 具有不同配置的多個(無限)不同搜尋實例
- 強大的索引表引擎 – 即使是大型資料庫也能快速準確地進行搜索
- 貼文類型、分類術語、文件和文件內容、使用者、BuddyPress 群組作為結果
- 垂直、水平、同位素和寶麗來佈局
- 貼文類型、通用、內容類型、分類、自訂欄位(包括 ACF)和日期過濾器
- 100+ 主題,完全可自訂
- 分類法、標籤、使用者、日期、ID 等結果排除和包含方法
- 個人和結果組優先選項
- 適用於伺服器端和客戶端的強大 API 以及 REST API
- 搜尋並返回類別、標籤、產品類別和任何其他分類術語
- 搜尋用戶和用戶元數據
- 搜尋文件和文件內容 – 包括 PDF、Word、Excel、PowerPoint 等
1.使用搜尋簡碼
現在,讓我們來安裝這個外掛。安裝完成後,在功能區中,有一個重要的部分,稱為「Search shortcode(搜尋簡碼)以及Search shortcode for templates(搜尋範本的短代碼)」,兩個都是自帶的搜尋框,只是是以不同的使用方式呈現。如果你使用 Elementor 建立搜尋頁面,可能不需要使用這個功能,但如果使用其他佈景主題或外掛建立網站,你可以直接使用程式碼將其嵌入所需的頁面。
可以在貼文/頁面或任何自訂貼文類型內容以及網站頁首、頁尾或任何其他範本部分中使用。

- Search shortcode(搜尋簡碼):在貼文/頁面或任何自訂貼文類型內容、選單項目、範本編輯器區塊或任何支援短代碼的小工具中使用此短代碼。
- Search shortcode for templates(搜尋範本的短代碼):以下短代碼將直接在模板/外掛程式檔案中使用。
**作為選單項目的簡碼

搜尋短代碼可以用作選單元素
可以使用選單中的 作為標題欄位。選單項目將自動替換為搜尋列。這個簡單的指南將幫助您實現這一目標。
- 在外觀 > 選單子選單下開啟(或建立)要編輯的選單。
- 按一下「自訂連結」項目,然後在URL 中輸入任何內容(在本例中我使用了「#」字元),在「連結文字」中貼上搜尋簡碼,然後按一下「新增至選單”按鈕。
- 就是這樣。選單項目已創建,現在您可以像移動任何其他選單項目一樣移動它。
- 確保儲存選單,搜尋應在前端顯示為選單項目。
2.Genearal Options來源和基礎知識
接下來,我們進入搜尋功能的部分,這是外掛最重要的地方。首先是「Available post types(可用的帖子類型)」,這裡可以設定顯示在網站上前端呈現的搜尋結果類型。根據網站需求,將不需要的內容拖回去即可。如果網站中沒有太複雜的篩選邏輯或規則,設定完此段Available post types即可進行使用。
Post Type Search-搜尋貼文、頁面和任何其他自訂貼文類型
Available post types:若要搜尋自訂貼文類型,請將貼文類型從容器的左側拖曳到右側。

Post Type Search-搜尋標題、內容、摘錄和其他字段
在同一選項面板上,向下捲動以選擇要搜尋的欄位。打開則表示會在標題/內容/摘要內搜尋字段;關閉則反之。

Post Type Search-在自訂字段中搜尋
您可以選擇搜尋所有自訂字段,也可以搜尋並選擇要在其中搜尋的自訂字段。
若要選擇自訂字段,請先關閉搜尋所有自訂字段?選項,然後在搜尋欄位中輸入自訂欄位名稱 – 然後將其拖曳到選項的右側。
**如果自訂欄位名稱未出現在清單中(例如建立後的某些高級自訂欄位 ACF 欄位),則表示尚未為其指派值。當您使用新建立的欄位建立第一篇文章並為其指派值時,它將顯示在清單中。
已知自訂字段:_sku – WooCommerce 產品 SKU 字段


Post Type Search-按類別、標籤和其他分類術語搜尋
透過開啟術語搜尋?選項,啟用分類術語內的搜尋(針對貼文和貼文類型)。
Post Type Search-貼文狀態和受密碼保護的貼文
預設情況下,會傳回受密碼保護的已發佈貼文。您可以將貼文狀態新增至清單(逗號分隔!),以及關閉顯示受密碼保護的貼文。
Behavior-搜尋邏輯

- exact matches:精確匹配
當精確匹配時,插件始終將搜尋輸入視為單一搜尋關鍵字。 - Keyword (phrase) logic:搜尋關鍵字邏輯(模糊邏輯)
當精確匹配被停用時,有 4 種可能的邏輯可供選擇:
OR (default):或(預設)
OR with exact word matches:OR 與精確的單字匹配
AND:和
AND with exact word matches:AND 與精確的單字匹配
預設為“或”。有關邏輯的更多信息,請閱讀搜索邏輯解釋
Ordering-訂購

主要和次要搜尋結果排序
- Primary ordering(主要訂購):在獲取結果時首先使用它。
- Secondary ordering(次級訂購):當符合結果的主排序相同時,則使用次排序。
例如:主要 > 相關性,次要 > 日期降序
Result1 和 Result2 具有相同的相關性,因此開始進行二級排序,並按發布日期降序排列。
Autocomplete & Suggestions -自動完成和關鍵字建議
(使用該外掛本身搜尋器時可用)
會使用Google 自動完成和關鍵字建議,例如輸入a可能會自動匹配apple等google上熱門關鍵字。
- 自動完成):每當使用者開始在搜尋輸入中鍵入內容時,自動完成就會觸發。
- 關鍵字建議):只要沒有與搜尋條件相符的結果,就會顯示關鍵字建議。

3.Image Options影像設定
此部分設定是關於使用自外掛自帶的搜尋框時,在搜尋時的即時搜尋結果影像。
寬度 x 高度
寬度和高度應該是數值,像素前綴會自動附加。display mode(顯示模式)會變更影像是否應覆蓋整個 [寬度 x 高度] 容器,或是否應考慮縱橫比。

Image source settings圖片來源
該插件先解析主要圖像來源,然後解析替代圖像來源,直到找到要顯示的圖像。如果未找到圖像,則使用預設圖像 URL。
解析器的影像編號
預設情況下,每當解析器在每個來源中找到圖像時,都會傳回第一個圖像。例如,當帖子內容中有多個圖像,並且您想跳過其中的前 N 個時,此功能非常有用。
按檔案名稱排除影像
逗號分隔的字串列表,每當找到其中任何一個時,都會跳過圖像,解析器將繼續處理下一個可能的圖像。

4.Frontend Filters前端搜尋過濾器
此功能需使用該外掛本身搜尋器時可用。當在前端使用外掛本身搜尋瀏覽器時,在搜尋框右側會出現下拉箭頭,此箭頭會出現我們設定可以出現的分類,如精準匹配、文章分類等等。
通用過濾器
可以開啟或關閉精確匹配)、標題搜尋)和Show search in content selector?(內容複選框)。每個選項開關開啟後後面欄位可以自訂對應的中文提示詞。
- 精確匹配複選框的狀態(選中或未選中)取決於是否在General Options -> Search logic面板上啟用了精確匹配。
- 標題和內容複選框的狀態取決於 General Options -> Sources面板下是否啟用Search in title and Search in content(在標題中搜尋和在內容中搜尋)選項。

Show search in custom post types selectors自訂帖子類型過濾器
從左側選擇Available post types(帖子類型過濾器),將其拖曳到右側以啟動。篩選器複選框狀態(選取或未選取)取決於是否在Genearal Options(常規選項)面板下選擇了自訂貼文類型。

Select which categories exclude帖子類別過濾器
啟用後,所有類別都會顯示在篩選器中。將要排除的類別從「選擇要排除的類別」選擇器的左側拖曳到右側。

5.Layout options佈局選項
此功能需使用該外掛本身搜尋器時可用。我可以在此設定區設定搜尋框的主題(但要注意的是,我們僅能選擇他提供的幾個主題選項自由度較低)。並可透過該區域設定搜尋出來的結果樣呈現。
Search Box layout & Theme主題和定制
搜尋框主題,有多種主題可供選擇。有些方面也可以修改 – 例如寬度、邊距、字體、背景顏色等。

Results layout顯示結果佈局和字段
- Number of result columns結果列:結果可分為多列(預設為 1 列)。設定多列將產生以下佈局。
- Results box viewport視窗大小和滾動:該插件根據平均結果高度動態調整視窗大小(預設為 4 個項目)。更改此視窗大小將增加/減少結果下拉式選單的整體高度。將視窗設定為非常高的數字(例如 999)將導致結果框非常長,並且沒有捲軸。
- Display the description context描述情境:啟用後,插件將嘗試顯示搜尋短語周圍的結果描述 – 而不是從頭開始顯示描述文字。它對角色進行一定深度的處理。
Results Behaviour結果框行為
- Open the results in a new window? – 啟用後,按一下結果將在新的瀏覽器視窗中開啟它們
- Scroll the window to the result list? – 啟用後,外掛程式會將瀏覽器視窗捲動到結果清單。
- Make the whole result area clickable? – 停用時,只有即時結果標題可點擊
- Close result list on document click? – 啟用後,點擊頁面上的任意位置將關閉搜尋結果容器
- Show the close icon? – 啟用後,會顯示關閉 (X) 圖標
Keyword Highlighting關鍵字螢光筆
即時結果清單和單一結果頁面上的關鍵字突出顯示
即時結果清單突出顯示:
可以在即時結果清單中反白顯示搜尋字詞。在這些選項中,您可以更改:
- 螢光筆文字顏色和背景
- 並突出顯示整個單字或部分單詞
單一結果頁關鍵字突出顯示
**單一結果(點擊即時結果清單上的結果)與搜尋結果頁面不同。此功能在搜尋結果頁面上不起作用。
滾動到第一個關鍵字匹配
每Scroll to the first keyword match if possible? 啟用選項後,插件將在重定向到單一結果後嘗試滾動到第一個關鍵字匹配。
如果您想以程式設計方式指定結果頁面的一部分以套用螢光筆和捲動功能,請使用Result page content jQuery element selector選項。當搜尋字詞可能出現在貼文正文容器之外(在小工具、頁腳或選單等),並且您希望確保這些外觀不會突出顯示時,這非常有用。
結語
總的來說,Ajax Search Lite 是一個功能豐富且使用簡單的 WordPress 搜尋外掛,提供了豐富的設定選項,同時兼容多種佈景主題。
希望這篇文章對大家在建立 WordPress 網站時解決搜尋功能的問題有所幫助。如果有任何問題,請留言給我們。感謝大家的收看,再見拜拜!