如何使用文章搜索組件？

一、什么是文章搜索組件？

文章搜索組件是一個文章搜索模塊，可以在此組件輸入搜索關(guān)鍵詞快速查找與該關(guān)鍵詞相匹配的文章，可以實(shí)現(xiàn)對文章標(biāo)題、文章內(nèi)容、文章摘要的搜索。如果用文章系統(tǒng)做幫助中心，那么文章搜索組件就必不可少，可以通過文章搜索組件，將所有文章中與搜索關(guān)鍵詞匹配的所有內(nèi)容都搜索出來。

二、使用文章搜索組件實(shí)現(xiàn)搜索功能，需要符合哪些條件？

文章搜索組件可以實(shí)現(xiàn)對文章中文章標(biāo)題、文章內(nèi)容、文章摘要的搜索，要實(shí)現(xiàn)成功的搜索結(jié)果，需要同時符合以下兩個條件：

1、系統(tǒng)的文章總列表頁面中的文章列表組件需要顯示所有的文章分類下的文章；

系統(tǒng)的文章總列表頁面是指下圖所示位置的“News”頁面，見下圖：

文章列表組件需要顯示所有的文章分類下的文章，見下圖：

把鼠標(biāo)放到文章列表區(qū)域，此區(qū)域左上角顯示“文章列表”組件名稱，單擊“設(shè)置”，如下圖：

在文章列表組件的“內(nèi)容”中勾選“選擇所有文章分類”，見下圖：

2、文章需要是已發(fā)布狀態(tài)；

三、如何使用文章搜索組件？

1、如何查看文章搜索組件是否已經(jīng)存在？

如果你的頁面上已經(jīng)有這個組件了，就不需要再添加，直接根據(jù)需要進(jìn)行相關(guān)操作就可以（具體操作見下文所述）；

如果你的頁面上需要這個組件，但是還沒有添加，就需要先添加文章搜索組件了；

怎么判斷頁面上有沒有這個組件？單擊查看如何查看某一塊內(nèi)容是使用什么組件制作的？

2、如何添加文章搜索組件？

在頁面上添加組件的方法都是一樣的，單擊查看如何添加組件？，要添加的組件名稱為“文章搜索”，如下圖所示：

3、如何設(shè)置文章搜索組件？

3.1 進(jìn)入組件的“設(shè)置”分兩種場景

1）此組件已經(jīng)添加好的場景：進(jìn)入所有這類組件設(shè)置項(xiàng)方法都是一樣的，可以參考這個攻略：如何進(jìn)入組件的設(shè)置項(xiàng)？

2）新添加的組件的場景：在添加此組件時會彈出這個組件的的設(shè)置話框。

3.2 在組件的設(shè)置中可以設(shè)置組件展示的內(nèi)容

組件標(biāo)題：通常不填寫，不填寫此字段不會出現(xiàn)也不會占位；
預(yù)留關(guān)鍵字：可以根據(jù)需要填寫預(yù)留關(guān)鍵字，引導(dǎo)用戶去搜索，不填寫則不顯示；
是否顯示推薦關(guān)鍵字：根據(jù)需要可以填寫推薦關(guān)鍵字，訪客戶直接點(diǎn)擊這些關(guān)鍵字，就可以把包含了這些關(guān)鍵字的所有文章都搜索出來；

3.3 在組件的設(shè)置中可以設(shè)置組件展示的風(fēng)格 
選擇不同的搜索框風(fēng)格，支持設(shè)置的搜索框內(nèi)容也是不一樣的：

3.3.1 根據(jù)需要選擇下圖所示的搜索框風(fēng)格

3.3.2 選擇下圖所示的文章搜索風(fēng)格，支持設(shè)置以下內(nèi)容

搜索框風(fēng)格：根據(jù)網(wǎng)站風(fēng)格選擇搜索框風(fēng)格；

調(diào)整搜索框高度：手動推動按鈕調(diào)整搜索框的高度；

調(diào)整搜索框位置：根據(jù)需要調(diào)整搜索框在文章搜索組件中的位置為居左、居中、或居右；

3.4 設(shè)置好文章搜索組件的內(nèi)容和風(fēng)格后，單擊設(shè)置框右下方“保存”按鈕，以保存所設(shè)置的內(nèi)容。