如何使用文章分類組件？

一、什麼是文章分類組件？

文章分類組件是在頁面上展示一級或多級文章分類（文章分組）的模塊，單擊某個文章分類組件可以快速查找對應分類下的所有文章，這些文章以列表形式展示。文章分類的展示方式有樹狀分類展示、彈出式分類展示、折疊樹狀分類展示等多種風格。

二、文章分類組件主要有哪些應用場景？

一個頁面上只要展示文章分類並且需要按照不同的分類進行篩選，都需要使用文章分類組件來實現，將文章按不同的分類進行過濾篩選是一個非常實用的方式。大部分網站上通常會展示公司新聞動態、行業新聞動態、員工動態等內容，可以把這些內容按照上述內容進行分類，使用文章分類組件來實現，通常顯示在系統頁面中的“新聞動態”頁面的左側欄或右側欄、網站首頁等頁面。

系統頁面中的“新聞動態”頁面，指下圖所示頁面：

三、如何使用文章分類組件？

1、如何查看文章分類組件是否已經存在？

系統頁面中的新聞動態頁面通常已經添加好了一個文章分類組件，直接根據需要對這個組件進行相關操作就可以。像首頁或其它頁面沒有添加好的話，就需要先添加一個文章分類組件。這就需要我們先學會查看這個組件是否已經存在，單擊如何查看某一塊內容是使用什麼組件製作的？如果不存在，就需要先添加這塊內容。

2、如何添加文章分類組件？

在頁面上添加組件的方法都是一樣的，單擊查看如何添加組件？

添加的組件名稱為“文章分類”，如下圖所示：

3、如何設置文章分類組件？

3.1 進入組件的“設置”分兩種場景

1）此組件已經添加好的場景：進入所有這類組件設置項方法都是一樣的，可以參考這個攻略：如何進入組件的設置項？

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

3.2在組件的設置中可以設置組件展示的內容

組件標題：即文章分類組件的標題，若輸入，就會顯示，顯示位置如下圖所示，若不輸入，組件標題欄就不會出現；

選擇文章分類：哪些文章分類需要顯示，哪些不需要顯示，就是在這個位置進行設置的，支持選擇展示所有分類，也支持選擇展示部分文章分類，在系統頁面的“新聞動態”頁面通常會選擇展示所有文章分類（有時有的頁面文章分類顯示不出來，很有可能就是系統頁面的“新聞動態”頁面這裡沒有選擇展示這個分類導致的），首頁或其它頁面根據需要可以展示部分文章分類。如果需要對文章分類進行排序的話，需要勾選“選擇部分文章分類”這個選項，然後用鼠標左鍵按鈕分類進行拖拽排序；

3.3在組件的設置中可以設置組件內容的展示風格

樣式選擇：有多種樣式可供選擇，選擇不同的樣式，支持設置的內容是不一樣的：

1）如果選擇下圖所示圈起來的樣式，支持設置選中某個文章分類時的文字顏色；

2）如果選擇下圖所示樣式，支持設置選中某個文章分類時的文字顏色、支持設置菜單展開的樣式：默認收起、全部展開、默認展開二級菜單（若有5級菜單，只展開一級、二級菜單，其餘都不展開） 。

3）如果選擇下圖所示樣式，支持設置以下內容：

• 支持設置選中某個文章分類時的文字顏色；

• 支持設置菜單展開的樣式：默認收起、全部展開、默認展開二級菜單（若有5級菜單，只展開一級、二級菜單，其餘都不展開）；

• 支持設置一級文章分類字體大小、文字行高、文字顏色、文字懸浮顏色、文字風格（加粗、斜體、加下劃線）。

3.4設置好文章分類內容及風格後，單擊設置框右下方“保存”按鈕，保存所設置的內容。

4、保存、預覽、發布

設置好以上內容以後要單擊頁面右上角的“保存”按鈕，目的是把此修改保存到網站後台；

然後可以單擊“預覽”按鈕查看不同終端下展示的效果，如果不合適可以到後台再做修改；

如果需要讓訪客也看到，請單擊頁面右上角的“發布”按鈕，發布之後稍等兩分鐘左右即可看網站前台展示效果。