如何使用文章頁簽組件？

一、什麼是文章頁簽組件？

文章頁簽組件是一個以頁簽切換形式展示不同分類下文章的模塊，文章頁簽組件一般應用在網站首頁上，針對有多個文章分類的情況，建議選擇3~5個重點推廣或更新的文章分類，每個分類下顯示幾條新聞，定期更新文章內容達到網站首頁的活躍度。

二、如何使用文章頁簽組件？

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

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

如果你的頁面上需要這個組件，但是還沒有添加，就需要先添加滾動新聞組件了；怎麼判斷頁面上有沒有這個組件？單擊查看如何查看某一塊內容是使用什麼組件製作的？

2、如何添加文章頁簽組件？

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

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

3、如何設置文章頁簽組件？

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

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

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

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

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

請選擇顯示分類下的文章：在這裡可以選擇顯示哪些分類下的文章，可以選擇所有的，也可以選擇一部分；

每個頁簽顯示的文章數量：在這裡可以設置每個頁簽顯示的文章數量；

顯示更多：若顯示“更多“，單擊“更多”將連接到對應文章分類；

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

文章頁簽組件支持不同的頁簽風格、也支持豐富多樣的文章列表風格、支持在文章標題前添加圖標。

3.3.1 選擇頁簽風格

選擇第1種頁簽風格（如下圖所示）：

然後，單擊“展開設置”，支持設置以下內容：

頁簽按鈕位置：居左、居中，居右，指的是對於組件來講的；

頁簽按鈕高度：拖動小按鈕可以調整頁簽按鈕的高度；

頁簽按鈕寬度：支持設置按鈕為固定寬度，也支持固定按鈕左右邊距；

頁簽字體大小：支持設置頁簽字體大小，以此設置為準；

頁簽按鈕默認樣式：支持設置默認的按鈕背景顏色、文字顏色；

頁簽按鈕選中樣式：支持設置選擇按鈕時的按鈕背景顏色、文字顏色；

選擇第2種頁簽風格（如下圖所示）：

然後，單擊“展開設置”，支持設置以下內容：

頁簽按鈕位置：居左、居中，居右，指的是對於組件來講的；

頁簽按鈕高度：拖動小按鈕可以調整頁簽按鈕的高度；

頁簽按鈕寬度：支持設置按鈕為固定寬度，也支持固定按鈕左右邊距；

頁簽字體大小：支持設置頁簽字體大小，以此設置為準；

頁簽按鈕下方線條顏色：支持設置頁簽按鈕下方線條顏色；

頁簽按鈕默認樣式--文字顏色：支持設置默認的文字顏色；

頁簽按鈕選中樣式：支持設置選中按鈕時的文字顏色、下邊線色；

3.3.2 選擇文章列表風格

如下圖所示：

風格1：組件調取文章標題、發布日期，以文章列表形式展示；

風格2：組件調取文章標題、文章摘要，以文章列表形式展示；

風格3：組件自動調取文章附圖、文章標題、文章摘要、發布日期，以文章列表形式展示，支持設置文章附圖的寬度與高度；

風格4：組件自動調取文章附圖、文章標題、發布日期、文章摘要，以圖文的形式展示出來，PC端一行展示3個，不支持再增加，這個數量設置最美觀。

3.3.3 添加列表圖標

支持在文章標題前添加小圖標，有豐富多樣的小圖標供選擇，展示效果如下圖所示：