GG資源網

在Elementor中配置BetterDocs高級搜索功能圖文教程

在Elementor設計中如何配置BetterDocs高級搜索功能?BetterDocs Pro可以讓你在Elementor中用流行的或分類的搜索使你的知識庫搜索麵板顯得更加高級智能,幫助你的網站訪問者更多。按照下面這個步驟及教程,在Elementor中配置BetterDocs高級搜索。

在Elementor中配置BetterDocs高級搜索功能圖文教程插圖

注意:如果你想在 Elementor 中配置這個 BetterDocs Doc Search Form 高級搜索功能,那麼請確保你已經在你的 WordPress 網站上安裝並激活了BetterDocs Pro插件。

第1步:在Elementor中配置BetterDocs文檔搜索表單

首先,導航到您的Elementor編輯器,打開您的文檔頁面,配置BetterDocs文檔搜索表單。

沒有BetterDocs Pro插件?可以下載本站的漢化中文版【BetterDocs Pro漢化中文破解版|WordPress文檔和知識庫插件介紹】

沒有Elementor Pro插件?可以下載本站的漢化中文版【Elementor Pro完美漢化中文版|頁面拖動自定義設計WordPress插件介紹】

之後,只需在 Elementor 編輯器的 "搜索 "面板中尋找 BetterDocs "文檔搜索表 "元素,並在 "+"號部分拖放該元素。

註:如果你想了解在Elementor中用BetterDocs創建文檔頁面的詳細情況,只需通過鏈接。

在Elementor中配置BetterDocs高級搜索功能圖文教程插圖1

在BetterDocs文件搜索表中,你會得到三個高級搜索選項 "啟用類別搜索"、"啟用搜索按鈕 "和 "啟用熱門搜索"。

在Elementor中配置BetterDocs高級搜索功能圖文教程插圖2

BetterDocs啟用類別搜索選項是為了幫助你在Elementor的知識庫中添加一個基於類別的高級搜索。這將幫助你用任何所需的關鍵詞對你所創建的可用類別的文件進行分類。

在Elementor中配置BetterDocs高級搜索功能圖文教程插圖3

從啟用搜索按鈕,你可以搜索知識庫,點擊關鍵詞 "搜索按鈕",獲得所有相關結果。   

在Elementor中配置BetterDocs高級搜索功能圖文教程插圖4

通過啟用熱門搜索,您可以在您的BetterDocs高級搜索麵板上展示最熱門的關鍵詞。它可以幫助訪問者立即進入您的搜索量最大的文檔。

注意:這個BetterDocs熱門搜索功能在某個文檔被搜索了至少五次後才會發揮作用。否則,它將不會在BetterDocs文檔搜索表格面板中顯示任何熱門搜索詞。

在Elementor中配置BetterDocs高級搜索功能圖文教程插圖5

第2步:為BetterDocs高級搜索添加樣式 

由於你已經在Elementor中完全配置了你的BetterDocs文檔搜索表單的高級搜索功能,你現在可以按照你想要的方式來 "設計 "你的文檔搜索表單。

BetterDocs文檔搜索表單有四個獨立的風格選項 搜索框,搜索欄,搜索結果框,搜索結果列表,以及獨家的高級搜索選項。

搜索框 #
在搜索框中,您可以將您的文檔搜索麵板的 "背景類型 "自定義為 "經典 "和 "梯度"。相應地對背景顏色、字體、添加背景圖片和其他進行修改。

在Elementor中配置BetterDocs高級搜索功能圖文教程插圖6

其他 

從搜索欄位,你可以改變佔位符,欄位背景,或文本顏色,排版,欄位填充,邊距,和邊框半徑。你甚至可以改變搜索圖標並關閉其大小和顏色。

在Elementor中配置BetterDocs高級搜索功能圖文教程插圖7

從搜索結果框,你可以改變搜索結果框的寬度,背景類型與經典和梯度。並提前實驗顏色,添加背景圖片,邊框類型,等等。

在Elementor中配置BetterDocs高級搜索功能圖文教程插圖8

從這個搜索結果列表,你可以配置正常和懸停選項。你可以自定義'普通'搜索結果列表的排版、項目顏色、邊框類型、填充物、文檔類別,以及更多。

此外,你可以根據你的喜好改變'懸停'在你的文檔搜索結果的過渡速度、項目背景類型、顏色、邊框類型、計數,以及更多。

在Elementor中配置BetterDocs高級搜索功能圖文教程插圖9

高級搜索

在高級搜索中,您可以對所有BetterDocs文檔搜索表的高級造型選項進行造型,如類別搜索、搜索按鈕和熱門搜索。你可以改變文檔類別的排版和字體顏色。還可以設計文檔搜索的排版、字體顏色、背景顏色、懸停填充等。

此外,如果你願意,你可以提前修改佔位符內容,顏色,關鍵詞排版,背景顏色,懸停顏色,文本顏色,以及更多。

在Elementor中配置BetterDocs高級搜索功能圖文教程插圖10

最終效果

通過遵循基本步驟和更多的修改,你可以在Elementor中根據你的喜好配置你的BetterDocs高級搜索。 

在Elementor中配置BetterDocs高級搜索功能圖文教程插圖11

通過使用BetterDocs文檔搜索表,你可以這樣為訪問者組織一個驚人的知識庫高級搜索麵板,以提高用戶體驗。

沒有BetterDocs Pro插件?可以下載本站的漢化中文版【BetterDocs Pro漢化中文破解版|WordPress文檔和知識庫插件介紹】
沒有Elementor Pro插件?可以下載本站的漢化中文版【Elementor Pro完美漢化中文版|頁面拖動自定義設計WordPress插件介紹】

由於網站搬家,部分鏈接失效,如無法下載,請聯繫站長!謝謝支持!
1. 帶 [親測] 說明源碼已經被站長親測過!
2. 下載後的源碼請在24小時內刪除,僅供學慣用途!
3. 分享目的僅供大家學習和交流,請不要用於商業用途!
4. 本站資源售價只是贊助,收取費用僅維持本站的日常運營所需!
5. 本站所有資源來源於站長上傳和網路,如有侵權請郵件聯繫站長!
6. 沒帶 [親測] 代表站長時間緊促,站長會保持每天更新 [親測] 源碼 !
7. 盜版ripro用戶購買ripro美化無擔保,若設置不成功/不生效我們不支持退款!
8. 本站提供的源碼、模板、插件等等其他資源,都不包含技術服務請大家諒解!
9. 如果你也有好源碼或者教程,可以到審核區發布,分享有金幣獎勵和額外收入!
10.如果您購買了某個產品,而我們還沒來得及更新,請聯繫站長或留言催更,謝謝理解 !
GG資源網 » 在Elementor中配置BetterDocs高級搜索功能圖文教程

發表回復

CAPTCHAis initialing...