如何使用滾動新聞組件？

一、什麼是滾動新聞組件？

滾動新聞組件是一個滾動播放新聞的模塊，支持單行一條新聞滾動，也支持若干條新聞橫向或縱向滾動。滾動新聞組件可以應用在首頁，比如banner下方可以添加一個滾動新聞組件，選擇橫向單條滾動展示，動態播放公司的最新新聞或資訊，也可以在首頁側欄添加一個滾動新聞組件，選擇縱向輪播，實現公司新聞的輪流播放。

二、如何使用滾動新聞組件？

1、如何查看滾動新聞組件是否已經存在？

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

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

2、如何添加滾動新聞組件？

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

添加的組件名稱為“滾動新聞”，如下圖所示：

3、如何設置滾動新聞組件？

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

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

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

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

組件標題：即滾動新聞組件的標題，若輸入，就會顯示，若不輸入，則不顯示也不佔位；

請選擇顯示分類下的文章：如果你的文章劃分了文章分類，在這裡可以選擇展示所有文章分類下的文章，也可以選擇部分分類下的文章；

顯示文章總數量：支持設置顯示的文章總數量；

顯示更多：如果這裡沒有顯示所有的文章，可以設置一個文字超鏈接，單擊可以跳轉到文章總列表頁面，單擊查看“顯示更多”鏈接類型介紹；

3.3在組件的設置中可以設置組件的高級功能
文章打開方式：可以根據需要選擇文章打開方式，當前窗口或者新窗口；
可視文章個數：可以根據需要選擇頁面上一行可視文章的數量；
滾動速度：可以根據需要調整文章滾動的速度；
顯示設置：可以根據需要選擇是否要顯示日期；

3.4在組件的設置中可以設置組件的風格

選擇不同的風格，支持設置的內容也是不一樣的，詳細情況如下：

3.4.1 選擇下圖所示風格，支持多條文章標題向上/向下滾動、單擊文章標題可以進入文章詳情頁面，支持設置文章標題前是否顯示圖標。

3.4.2 選擇下圖所示風格，組件自動調取文章標題、日期，向左/向右滾動，單擊文章標題可以跳轉到文章詳情頁面，支持設置文章標題前是否顯示圖標。

3.4.3選擇下圖所示風格，組件自動調取文章附圖、日期、文章標題、文章摘要，向左或向右滾動，單擊文章附圖或文章標題可跳轉到文章詳情頁面，支持統一設置文章附圖的寬度與高度。

3.4.4 選擇下圖所示風格，即圖片幻燈片輪播的風格，組件自動調取文章的附圖依次以幻燈片的形式展示，單擊每個文章的附圖鏈接到文章詳情，支持統一設置文章附圖的寬度與高度。

3.4.5 選擇下圖所示風格，組件自動調取文章附圖、日期、文章標題、文章摘要縱向滾動播放，單擊文章附圖或文章標題均可跳轉到文章詳情頁面。適合在頁面側邊欄縱向滾動展示。

3.5設置好滾動文章組件的內容、風格以及高級功能後，單擊設置框右下方“保存”按鈕，以保存所設置的內容。

4、保存、預覽、發布

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

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

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

三.組件優化

1.滾動新聞組件新增默認不滾動功能； （2018-5-11優化）

（1）新增功能應用場景：滾動新聞組件有些用戶希望可以增加不滾動選項，在設置之後才會顯示滾動；

（2）新增功能操作方法：